Add Widget/Gadget Inside Blogger Blog Header

How to Add Widget/Gadget Inside Blogger Blog Header :

By default blogger blog header widget will be locked and it has not possible to add widget inside blogger blog header.We can add extra widget inside blogger header.To add widget inside blogger header , we need to set yes on showaddelement on header section and unlock header widget and do some changes .

follow below steps to add widget/gadget inside blogger blog header

step 1 : go to blogger dashboard

step 2 : click on template

step 3 : click on edit html and tick expand widget templates

step 4 : find below line in template code

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

and chanage showaddelement='no' to 'yes' and increase maxwidgets='2'
i.e <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

now gadget added inside blogger header, but header gadget will not move to any where because it's locked. So we need to unlock header widget to change widget position.

see below code in template , it will appear after above code

<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'>

replace above code with below code

<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'>
step 5 : click on save template

now click on layout , now you can see extra widget on your blogger blog header.


  1. great tips,used it for my blog

  2. Thanks for providing such a great article, it was excellent and very informative.
    as a first time visitor to your blog I am very impressed.
    thank you :)