Translate

Share this post

Sunday, October 6, 2013

How to add ads above banner in blogger

In this post I'll share a little tip about adding a gadget above your blog header. This way you can easily add your HTML ad code above blog's banner to drive more revenue.

How to add a gadget above your blog's banner



It's not very complicated to do. Remember to back up your blog's template first.


  • Go to Blogger Design > Template > Edit HTML > Jump to widget > Header1. 

  • Find this code: ( Hit Ctrl + F ) 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='' type='HTML'>

  • There are 3 places to change: ( The highlighted parts )

maxwidgets='1' change to '2'
showaddelement='no' change to 'yes'
locked='true' change to locked='false'
                       

  • Your new code should be like this:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>

  • Hit Preview to make sure everything is fine then Save template.

Go to Layout, you'll find a HTML/Javascript section above the Header. Now it's easy to add your ads code or any HTML codes you want to.






Don't forget to connect

No comments :

Post a Comment

Thank you for visiting and taking time to leave a comment :)

Share it