Home / BLOGGER TIPS & TRICKS / How to Add Header Gadget For Blogger

How to Add Header Gadget For Blogger

-


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. 

Before


After


Procedure 

  • 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


 Code

 <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. 

How to Add Header Gadget For Blogger How to Add Header Gadget For Blogger Reviewed by Appu on 08:13:00 Rating: 5

1 comment:

  1. online nursing courses23 June 2016 at 23:43

    Thank you for great information.
    it is great to see this post.
    Nice post and very well posted.

    ReplyDelete

I Appreciate your valuable Feedback.
So, Please DO NOT SPAM - Spam comments will be deleted immediately.

Subscribe to: Post Comments ( Atom )
Powered by Blogger.