How to Add Extra Header Gadget For Blogger Layout



Most of the Blogger templates don’t have option to add more gadgets above header or below Navbar. You can see below example pictures. 

But you can add gadgets by simply editing template (Html code). It is easy and simple. follow the instructions below. 




  • Go to blogger dashboard
  • Select your blog
  • go to template
  • Click on Edit HTML
  • In the Html tab search for  </head>  (press ctrl + F)
  • Copy the below code and paste just below </head> <body> 
  • Save the template
  • Done


<div class=’widget-headertop’>
<b:section class=’headerwidgettop’ id=’headerwidgettop’ maxwidgets=’2′ showaddelement=’yes’/>
<div style=’clear:both;’/> </div>      


Procedure with Pictures 

  • Go to template & Click on Edit HTML


  • In the Html tab  press ctrl + F 



  • search for  </head> 




  •  paste just below </head> <body> 



  • Save the Template & Done 
If you want to add more than 2 gadgets, Just change the code maxwidgets=’2‘   to your desired Nos. 


Posts You May Like:

One Response

  1. online nursing courses June 24, 2016

Leave a Reply

CommentLuv badge