Add One More Widgets Under Header | Blogger Tutorial.





You can't add one more widget under Header section in default Blogger templates. Most of people would like to add Adsense ad code, search box, translator or a horizontal dropdown menu bar under header. So you need to change some default CSS code to do that.

blogger tutorials

Follow these steps to add a widget area under header:


1- Go to Dashboard >> Layout >> Edit HTML.

2- Find the following code after <body> tag:



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Copy Mafia Template (Header)' type='Header'/>
</b:section>
</div>

  

3- Now make two little changes in the above code, change maxwidgets='1' to maxwidgets='3' and showaddelement='no' to showaddelement='yes'. Now, the code should look like this:



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Copy Mafia Template (Header)' type='Header'/>
</b:section>
</div>


Note: I have altered maxwidgets='1' to maxwidgets='3' that means you can add 3 widgets in Header section.


4- Now save your template and see the changes.

3 comments:

  1. Wow, ultimate post. Finally I got, what I am looking for. This blog will also help me to optimise eCommerce website. Thanks

    ReplyDelete
  2. Its working, thanks for sharing. I like share some tips to improve search engine ranking instantly. Thanks

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...

More From Webworld