Add Widget/Gadget Inside Blogger Blog Header

How to Add Widget/Gadget Inside Blogger Blog Header :

By default, the Blogger blog header widget is locked and it is not possible to add a widget inside the Blogger blog header. However, it is possible to add an extra widget inside the Blogger header by changing some settings. To do this, we need to set "yes" on "showaddelement" in the header section and unlock the header widget.

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 the gadget has been added inside the Blogger header, but it cannot be moved anywhere because it's locked. Therefore, we need to unlock the header widget to change the 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". You should now see the extra widget added to your Blogger blog header.