Sunday, August 6, 2017

// // Leave a Comment

How to Put Blogger Gadget Above Your Blog's Header Quickly

Bloggers, we facing different problems while we are working on blogging field then we can search solution for it, if we found solution on it then its ok otherwise we will get disappointed, am I right? Yes then go ahead this article is about sometime if we want to put some gadgets or widgets above your blogs header, by help of this article you will able to add any type of gadget above the title section. This article works only on Blogger platform which is made with google. If you are using bloggers basic template while making of your blog then changing position of your blogs widget is easy and if you are using custom template which is provided by third party that is from any other resources from internet then it will became quite difficult task. Mostly blogger templates has a navigation bar at the top of the screen, followed by a header section that showing your blogs title and description if you added it or updated it. If you go in the layout section of blogger dashboard you can re-arrange the layout section by dragging and dropping gadget items but you failed to drag any widget/gadget above your header section. So let’s check some advantage of putting gadget above your header.

how-to-put-blogger-gadget-above-your-blog-header
put gadget above blog's header

Advantages of adding gadgets above your header


  • It looks awesome.
  • We can add any type of widget or time sticker over it.
  • Easy to add it and it doesn’t not effects on your blog loading speed.

How to make/allow changes to above your blogs header

Follow below step by step procedure to make the change in your template to allow gadget above your header in your blog template. To do this change you have to use edit template tool in your blogging dashboard.

Step1:
Login to your blogger dashboard.

Step2:
Go to Theme then click on Edit HTML

Step3:
Then HTML code of your blogs template appeared in front of your screen. Then press Ctrl + F key from your keyboard and search and find below piece of code in your template.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>

Step4:
Now you have to replace above mentioned code with below code.

<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>

Step5:
There are mainly two changes I have made in this code:
Changed maxwidgets to greater than 1,
Changed showaddelement to Yes, instead of No

If you did above change in your template then click on save template button to save template and check your bloggers layout section.

Note: Before making any change in your template you have to take backup of your current template.

Final Verdict from Reviewer:
By doing above change in your template you can add widget above your blog header and you can use any type of widgets to add in it. Do it carefully and mainly take back up of your template before making any change in it. Hope you will this article. Thank you, Keep sharing.