How To Add 728×90 leaderboard Adsense ads between Header and Post Section in blogger

Posted by Lasantha Bandara on June 29th, 2009 File Under : adsense, change template, gadget12 Comments

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

4.Now replace above code with below code.

<b:section class='crosscol' id='crosscol' showaddelement='yes'/>

5.Now save your template.

6.Go to Layout > Page Elements

7.Now Click on new 'Add a Gadget' option that will now have appeared between Blog Posts and the Header.

8.Select 'HTML/Javascript' and add your 728x90 leaderboard Adsesne code and click save.

Now you are done.

File Under : adsense, change template, gadget

12 Responses to “How To Add 728×90 leaderboard Adsense ads between Header and Post Section in blogger”

  1. Cheap Car Insurance for Young Drivers says:

    this information was absolutely outstanding.
    i have had this problem with the adsense placement for many months now and it is solved with a simple code switch from "no" to a "yes" and then you have a new widget for more adsense just below the header. excellent info.
    thank you,

    Dave Lee

  2. Custom-Web-design says:

    Hmmmm well 728 by 90 is worthless for me....unless i put it below navigation bar

  3. Dobi says:

    dera sir in my tempalate this code is unavailable plz tell me the whats the soloution .http://mytechnotice.blogspot.com/

  4. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Dobi

    Find this line:

    <div id='content-wrapper'>

    Now add below code just after the above line:

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='yes'>
    <b:widget id='HTML46' locked='false' title='Ads' type='HTML'/>
    </b:section>
    </div>

  5. Lauren says:

    Oh boy I did it! That was so cool, thanks for making that so easy!

  6. PC Tricks Tips says:

    I have blogger Awesome template.
    There's no "[div id='content-wrapper']" and also "[b:section class='crosscol' id='crosscol' showaddelement='no'/]" codes.
    So how do Awesome template user use this trick.

  7. Bollywood Gossips says:

    thanx alot for this awosome tip

  8. srinivas says:

    I have blogger template, which i downloaded and uploaded
    There's no "[div id='content-wrapper']" and also "[b:section class='crosscol' id='crosscol' showaddelement='no'/]" codes.
    pls help me....

  9. chinta says:

    cool tutor..it works great..thanks

  10. arif says:

    cool tutorial!!

    now i have leaderboard 😀 looking for another tutorial to put lotsa ads in the site

    thanx

  11. Samer says:

    Thanks Bro, That is great tip for blogger users, keep sharing nice tutorials

  12. Diep Tran says:

    Thanks Bro

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.