Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
Pin It

Add Adsense, Banner, Search Box Or New Widget Section In Header

by Durodola Ridwan | Thursday, January 17, 2013 | 14 Comments

I saw a question in a forum concerning how to add adsense banner inside the header area, in which no one reply to the query, but i later gave her a solution to it, and i think i should share the trick behind it with my loyal readers too.
This tutorial will be base on how to add new widget section in your header. Actually you can add any widget of your choice to the new widget section.




How To Add New Widget Section Beside Header

  • Go to your blogger dashboard (back up your template)
  • Click on Template > Edit HTML > Proceed (Don't Mark/Tick Expand Widget Template)
  • Use ctrl F to find the following line

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>
</b:section>
  • Now add the following new widget section code below the code above.
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

The final code should look like the following:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>


Styling With CSS

You will need to style the new widget section with CSS so as to position it beside the header
  • Search for ]]></b:skin> and paste the following code above/before ]]></b:skin>

#header, body#layout #header {width:50%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:35%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
  • Now Save your template.

Installing New Widget

To add widget beside the header section, simply go to Layout and click on Add a Gadget as shown in the screenshot below.



You can add any widget of your choice beside header be it an ads banner, search box, social widgets etc.

Hope you like this hack pals? We are also thinking of adding/replacing the widget inside our header section, which widget do you think it will be suitable for that position. We will love to hear from you.

Happy hacking!



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

14 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Thanks for this tutorial. I have add this on my blog.

    On my blog: How To Get Click Of Links In Your Comments

    ReplyDelete
  2. Can i add this widget section just above footer for inserting 728*90 adsense unit, my blog- Free Android App Shop(pls look at this screenshot-http://bit.ly/WcwW3R)

    ReplyDelete
  3. I'm one of the your blog reader thank you for sharing with us Blogger widget

    ReplyDelete
  4. Want to know about Veterans Day,which is a day to celebrate the great officers of the US army,just checkout my blog Happy Veterans Day and stay updated.

    ReplyDelete
  5. http://2016melbournecup.com/

    http://2016melbournecup.com/
    http://2016melbournecup.com/
    http://2016melbournecup.com/

    http://2016melbournecup.com/

    http://2016melbournecup.com/
    http://2016melbournecup.com/

    ReplyDelete
    Replies
    1. UFC 206 live, stream, start time, fight card, ppv online http://206-ufc.net/


      https://www.scribd.com/user/341074927/UFC-206

      http://www.krop.com/profile/dfdfsfdsfg/

      http://www.slideshare.net/206ufc

      http://www.slideshare.net/206ufc/ufc-206-69923316

      http://www.cosm.co.nz/community/profile/206ufc

      http://www.cosm.co.nz/forum/6-general-chat/17698-ufc-206-preview

      https://bitbucket.org/206ufc/

      https://listography.com/ufc206t

      https://cookpad.com/us/users/6148928

      http://qiita.com/206ufc

      http://ttlink.com/206ufc

      http://www.fotothing.com/206ufc/profile/

      https://allihoopa.com/206ufc

      http://www.cristalab.com/usuario/149163-206ufc

      http://pretocafe.com.br/wiki/index.php?title=Usu%C3%A1rio:206ufc

      http://www.smartguy.com/home/company/ufc-206-159698

      https://www.lexisnexis.com/lextalk/members/ufc-206/default.aspx

      http://lockerdome.com/ufc206683

      http://steepster.com/206ufc

      http://ufc-206.2364415.n4.nabble.com/

      https://medium.com/@206ufcfight

      http://triberr.com/206ufc

      http://imgur.com/user/206ufc

      http://imgur.com/gallery/42cmz

      http://list.ly/206ufc/

      http://list.ly/list/1JxN-ufc-206-preview

      https://soundcloud.com/206ufc

      https://soundcloud.com/206ufc/ufc-206-preview

      https://www.flipsnack.com/206ufc/

      https://www.quora.com/Where-I-Can-UFC-206-Live/

      http://challonge.com/206ufc

      http://www.fotoblur.com/people/206ufc/

      http://www.fotoblur.com/images/904876

      http://www.fontspace.com/profile/206ufc

      http://neighborgoods.net/people/206ufc

      http://www.folkd.com/user/206ufc

      http://www.cross.tv/profile/659125

      https://audiojungle.net/user/206ufc

      http://dayviews.com/gid3873478/

      http://share.pho.to/AYLhK

      http://groupspaces.com/206ufc/

      http://www.mindmakers.org/users/2647

      https://sourceforge.net/projects/ufc206/

      http://www.hospitalgames.co.uk/profile/ufc06

      http://zurmo.org/forums/index.php?/user/59506-206ufc/

      http://www.enjin.com/profile/17573026

      http://www.wikidot.com/user:info/206ufc

      http://armorgames.com/user/206ufc

      http://weheartit.com/206ufc

      https://disqus.com/by/206ufc/

      http://www.kongregate.com/accounts/206ufc

      http://206ufc.deviantart.com/


      http://206ufc.allthingsme.net/

      http://206ufc.authenticfans.com/

      http://206ufc.beautifulmakings.com/

      http://206ufc.biglaunch.net/

      http://206ufc.blooming.me/

      http://206ufc.campaignsites.net/

      http://206ufc.craftsaholic.com/

      http://206ufc.creativist.me/

      http://206ufc.doesphotography.com/

      http://206ufc.eventpages.org/

      http://206ufc.fashionistblog.com/

      http://206ufc.garagepunks.com/

      http://206ufc.impressivefood.com/

      http://206ufc.ishappynow.com/

      http://206ufc.isinthehouse.com/

      http://206ufc.isintofashion.com/

      http://206ufc.ismissed.com/

      http://206ufc.ismykitty.com/

      http://206ufc.ismypuppy.com/

      http://206ufc.ismyreal.name/

      http://206ufc.ismyvalentine.net/

      http://206ufc.isnotmyreal.name/

      http://206ufc.isourchurch.com/

      http://206ufc.isteaching.com/

      http://206ufc.isthephotographer.com/

      http://206ufc.justgotmarried.net/

      http://206ufc.keepsblogging.com/

      http://206ufc.likeapro.me/

      http://206ufc.likes2ride.com/

      http://206ufc.littleprofiles.com/

      http://206ufc.loves-the-game.com/

      http://206ufc.lovescooking.net/

      http://206ufc.makesit.net/

      http://206ufc.makesnoise.com/

      http://206ufc.mobilewebpage.net/

      http://206ufc.mywowprofile.com/

      http://206ufc.pagelanding.net/

      http://206ufc.photofolio.org/

      http://206ufc.photographist.me/

      http://206ufc.plays-guitar.com/

      http://206ufc.portfolik.com/

      http://206ufc.productzone.net/

      http://206ufc.restaurantpages.net/

      Delete
  6. http://heroworldchallenge2016.org/

    ReplyDelete
  7. Visit us for UFC 206 Live Stream Online TV Coverage at low price To Watch Holloway vs Pettis HD link available from any where by any device - http://ufc206-live.com/

    ReplyDelete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger