Advertisement

Responsive Advertisement

How to add google adsense gadget below cross column 2 header in blogger


There is no any option in default blogger template or even many customized blogger premium/free templates available on internet to add a new Gadget
inside the header slot rather you can’t even move the header widget from its default place.

Most bloggers blogger wants to insert their AdSense codes or any direct advertiser’s Ad banner into the blog header because this space is above the fold, more eye catching and gets maximum number of impressions
So i wrote a post on How to addgoogle adsense gadget above your blog header title some time ago in that you can only place the gadget above the column 2
So today i will show you the tricks to add a new widget next to the column 2 the Blogger header just below your menu tabs
for the purpose of either displaying AdSense Ads or for adding any other third party HTML/JavaScript codes.



Its just to divide the into any number of parts you want and insert any gadget at the layout side.
How to Divide Blogger Blog Column 2 Header into Two Parts or More
Before we start editing blogger template, I strongly recommend you to backup your blog template for future reference on the safe side. Now, follow the following steps very carefully so that you can easily divide your BlogSpot blog header into two parts in first attempt.
Step-1 (Default Header Layout):

Login into your blogger account and click the Layout section of your blog to see the header position whether it is single or has already been divided. Here is screenshot for the default blogger blog header.



If your blog contains only one cross column in header section as above, then follow the next steps to divided it into two parts.
Step-2 (Template Editor):

Go to the Template section of your blog and click onEdit HTML text button next to the Customize button. See the screenshot for template Edit HTML button.



Step-3 (Edit Template):click any where in the html code and 
Press Ctrl F

to display the search box


see the search box at the arrow pointer front




copy and paste the  code bellow inside the search box and press enter

<div id='header-wrapper'>

if you cannot find the one above copy and paste the  code bellow inside the search box and pres enter

<div class='region-inner header-inner'>


search for this code below it (  <b:widget id='1) and change the 1 to 3 and and above  as you wish but dont exceed 5 and save the template.

Step-4  Add an gadget .


Go to layout below cross section you should see  cross column 2 with blank box 


Just clink on any previous gadget drag and drop there 
Then save the arrangement and you are done 



Follow Solenzo Blog on

Follow us on Twitter!Like us on facebook!Follow us on Pintrest!Follow us on google+!








Post a Comment

0 Comments

Contact form