Po ...
Add Google Adsense to Blogger Header (Above the Title)
18 comments
In some of my last tutorials ( Social Media Buttons beside Adsense ads& Adsense inside Blogger Header), you've seen a few tricks for Adsense ads placement that may help you to increase your adsense earnings. Now, I will show you how to add Google Adsense above your header, for instance, just above the title of your Blogger blog. This can be done by adjusting your template to give you the option of adding more than one widget to the header area.
Add a new element to Blogger header
Step 1.From your Blogger Dashboard, go toTemplateand click on theEdit HTMLbutton (it is recommended to make a backup first - click on the Backup/Restore button on the right side)
Step 2.Click anywhere inside the code area and press the CTRL + F keys to open Blogger' search box:
Step 3.Paste or type the following code inside the search box and hit Enter to find it:
Note: if you can't find that one, try to find this one instead:
Step 4.Just below one of these lines, you should see this line:
Step 5.Replace the values in red like in this example:
Step 6.Click on theSave Templatebutton to save the changes.
Adding the Adsense ad unit above the Blogger header
Step 7.Go toLayout(left side) and on the right side you should see a new section that will allow you to add a gadget to the header area
Step 8.Click onAdd a Gadgetlink and select theGoogle Adsensegadget.
In case you want to add the script of an ad from your AdSense account, choose theHTML/JavaScriptgadget and paste the script inside the empty box, then click onSavebutton.
If you don't know how to create an AdSense ad, please read this tutorial:
How to Add Adsense ads on Blogger
Choose the type of ad unit you want. In my example, I added a new Adsense 728x15 ad link unit I thought would look good above the blog title. Color blending is usually done automatically by Blogger according to the color schema of your template but you can choose any other colors.
Step 9.Click on theSave arrangementbutton on the right side.
Now view your blog to see your new Google Adsense unit. If all is going well, your new AdSense ad unit should appear above your blog's title or logo:
Note: it may take a while for your ads to show if you created an ad unit on your AdSense account
This is a very good Adsense placement that can help you to increase the CTR of your blog.
Random Posts
How to remove Blogger Picture/Image Shadow and Border06/04/2012 - 382 Comments
Google adsense optimization tips06/03/2012 - 6 Comments
Making a gadget visible only to the blog administrator05/09/2013 - 4 Comments
Related Posts:
Add Google Adsense to Blogger Heade...
Google adsense optimization tips
Add Social Bookmarking Buttons near...
How to Add Adsense Ads In the Middl...
10 Places to put Adsense ads in Blo...
18 comments:
Komal Sheikh 4/08/2012
How To Add Sliding Gadget Of Post Images As Shown In YOue Home Page Reply
Replies
Admin 4/08/2012
Hi Komal,
Check out this new tutorial on how you can add it:
Popular Posts Gallery above Blogger posts
Good luck!
rvm 4/19/2012
i face problem with css ,, i put the ads but there is 30px padding on top and bottom,, help me to remove tht padding,, where do i find tht css? Reply
Replies
Admin 4/21/2012
Add the following code just above]]>
.header-inner {
margin-top:-20px;
margin-bottom:-20px; }
Increase/decrease "-20" value if needed. I hope it works... and sorry for the late reply
Jobs Nigeria 5/18/2012
How about adding adsense below the header as you did? Reply
Replies
Admin 5/20/2012
I'll post a tutorial these days about this. Keep visiting
Pho Pheng 7/17/2012
how to center Google Adsense ?
E.g: i wanna center the Ad at the bottom of my site: http://www.k3lvinmitnick.i nfo/p/payment- proof_21.html
How to ? Reply
Sandeep 7/22/2012
Thanks Its working for me Reply
Vic 7/24/2012
I advice do not use adsense at all...
Google adsense is famous fraudster and thief, they wait till accumulate some good money in account and block account. You cannot discuss anything coz robot answer you for apelation, you cannot do anything.
In my case I have accumulated about USD $2000 and google have stopped account. I never made anything bad, all actions was according to agreement, I suppouse that our competitor made something and account was stopped. But google dont want to discuss it and do not want pay my money accumulated for about 2 years. So googl is thief ! Reply
anusha 8/17/2012
sir i m planning to remove my add code which was placed in above add please help me to remove that code
tell me the process of removing that code Reply
Tina Butler 11/09/2012
Thank you so much for the tutorial. I was banging my head trying to figure out how to my ad code above the header in the new interface. You made so easy. Thanks again. Reply
Tina Butler 11/09/2012
Is there a way to add the ad banner on the outter background instead of on the inner above the header? Reply
Nasira Bashir 3/17/2013
how to edit many things at a time.. i mean if i edit html for header then i want to change my font or capitalize it....then again i have to html so will the old one work? (header and capital 1st letter) Reply
pawi roy 4/29/2013
please tell me how to display google ads like yours, is above the title of the article and under the title of the blog .. I hope willingness to answer my questions, and send to pawiroy24@ gmail.com
regards, pawiroy Reply
Arsenal Supremo 5/06/2013
I want to add another ad but not adsense can i still do this? Reply
Wealthyfellow 5/28/2013
i created the add gadget space for it, but google refuse displaying it after i tried saving it. THIS IS THE RESPONSE I GET, ''PLEASE CORRECT INFORMATION ON THE FORM'' Reply
Dnick 2/15/2014
thanks..it's work on my website ( Malaysia) Reply
wasim 2/19/2014
Thanks ...
hey but how i post adds in between my articles so it looks relevant to my article.. Reply
Add comment
Comment as: Sign out
Notify mePublishPreview
Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top
Search
Search
Follow on Facebook
Helplogger
Like
2,787 people like Helplogger .
Facebook social plugin
Follow on Blogger
Subscribe via Email
Receive Quality Tutorials Straight in your
Inbox by submitting your Email below.
Submit
Or subscribe via RSS Feed
Recent Posts
How to Add Numbered Page Navigation Widget for Blogger
5 Easy Ways to Improve the SEO of a blog & Boost Traffic
What is the difference between padding and margins?
Add a Custom jQuery Lightbox To Blogger
How to Use Cookies in Javascript
Recent Comments
Eliza Lincy
How to increase the number of posts shown in Home page after...
Varad Parab
That was one awsome post...it really helped!!!
Anonymous
it cause adsense are no longer support blogger anymore.
Хай, тэгвэл олно.
Tnk you so much. Saved a lot of time. Thanks. :-)
Michelle
Thought this tutorial was great,just what I have been looking for....
Popular Posts
Simple Recent Posts Widget for Blogger/Blogspot
Create A Rollover Image Effect (change image on mouseover)
Recent Comments Widget For Blogger
How to remove Blogger Picture/Image Shadow and Border
Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger
Like
5
PROTECTED DMCA
5
Like
No comments:
Post a Comment