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 Unknown | Thursday, January 17, 2013 | 16 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!".

16 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. Thank it really helped me on my blog

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

    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
  8. NBA Finals 2017, Live, Stream, Free, Watch, Online, TV Coverage https://nbafinals.org/

    NBA Finals Live Stream, 2017, Free, Watch, Online, Tv, Channel https://www.finals-nba.com/

    ReplyDelete
  9. #I am so happy investing with Carlos E Trading Signal.. He has really helped after I lost my job. I started investing as little as $200 and now I earn over $2,500 weekly. So happy you can contact him on his Email: carlose78910@gmail.com
    Via whatsapp: (+12166263236)

    ReplyDelete

Recent Posts

Let's Connect

Site Links

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