This is a great tutorial which will multiply your current click through rate and add a new boom to your over all Adsense earning. With a big repository of plugins for Wordpress blogs like Quick Adsense, WP users never need to worry while adding Adsense to any part of the blog they wish but in blogger we lack plugins that could do the job automatically. Therefore this week my main focus lies in developing more of such plugins that could provide you great front end experience. Thanks our developer Ahmed Nasir the script developed this time will automatically insert your AdSense Ad right after the opening paragraph (Post summary) or the read more button(Jump Break). The read more link is distinguished by the HTML tag "<!--more-->" , we will use a simple Jquery code to tell the browser to append an Ad zone with a unique div ID, right before the more tag. In browsers where JavaScript is disabled the Ad zone will instead display at the end of post. You can see the demo on our blog, right after reading this line...
(You will see below a 468X60 Adsense for content Ad).
Update: I have disabled the Ad display for browsers where JavaScript is disabled.
Installing the Script on Blogger
- Go to Blogger > Templates
- Backup your template
- Tick the "Expand Widget Templates" box
- Search for <head>
- Just below it paste the following JQuery code only if you are not yet using jQuery script on your blog
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>6. Next paste the following code below <head>
<script type='text/javascript'>Optional: If you want to display the ad at two places i.e. below read more tag and also at the end of post then delete the highlighted yellow code. Also delete the yellow highlighted code from step#8 given below
$(document).ready(function(){
$('a[name="more"]').before($('#MBT-google-ad').html());
$('#MBT-google-ad').html('');
});
</script>
7. Now search the following code:
<data:post.body/>8. Just below it paste the following code:
<b:if cond='data:blog.pageType == "item"'>Replace the bolded text above with your Adsense code. Remember that the code that you copy from your Google Adsense Account must be first encoded inorder to work with blogger templates. Simply copy the code and then encode it using the following MBT tool.
<div style="display:none;">
<div id='MBT-google-ad'>
<br/>
<center>
ADD ENCODED ADSENSE CODE HERE </center>
<br/>
</div>
</div> </b:if>
- Encode your AdSense code using: MBT HTML Encoder
9. Save your template and you are all done!
Visit your blog and then visit any post page, you will see an Ad hanging just perfectly right after the first opening Summary paragraph. :)
Need Help?
I am always open to curious and delicious questions so never hesitate asking for help. If your blog has no Read more functionality or you don't know how to add a a jump break then you can try these interesting tutorials:If you wish to add Adsense just below post title or somewhere else then read:
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
83 comments:
Brother Mohammad the best money making trick yet :) I noticed it on your blog and was gonna investigate about it but you just posted it :) Really Like it :)
Nice article !
I was also looking for these methods !
As in WP, these jobs are very easy !
In blogger, it's difficult !
Thanks for helping Mohammed Bhai ! :D
Good one :)
Thanks mohammad to reveal your trick. I was thinking how you put adsense at this position but no you clear my doubts. Mohammad bro please suggest me when should I put adsense on my new blog. Its traffic is near by 50 unique per day. Will it beneficial to put ads now or should I wait for increase in traffic? I have an adsense account but want to confirm from you when should I put ads on new blog.
its Ooowesome post and very usefull thxkz 4 it
Regards,
http://MyBloggingClub.Blogspot.com
http://i-L-o-v-e-G-a-m-e-s.Blogspot.com
Mohammad bhai I am telling you to be careful as you are using Javascript a lot. And this is affecting your site's load time which is not good. And remember you once used to say that never compromise load time for anything :) I think you have changed a lot :>
thanks for the awesome plugin for blogger , although you released it lately , we thank your effort in creating the awesome adsense widget, no doubt it will sure increase adsense earnings .
Embed Any Doc inside Blog Post
Yea as per @Slim Shady, previous template loads faster even when i use slow internet connection, now it takes bit time ,loads slowly ..to see full content of the website..
TNPSC exams Results 2013
thanks for the awesome plugin for blogger
Is it works for this blog chennaitelugupeople
Mohammad Tell me please
Thanks Mohammad Bhai best area for Adsense banners try it everyone
...▄▀▄▀▄▀▄ ▀ProBloggerTricks▀▄▀▄▀▄▀▄...
You said that we want add javascript
below open head or closed head ? a doubt
Mustaufa Bhai is this plugin available on wordpress?
Thanks,
thanks information www.oscartoro.com
Yes finally you already share this, i find this on the internet but the other tips is not working, now i will do try this,hopefully this work like a charm. keep sharing this mate..
Best Regards:
Team :www.bloggerheroe.com
thanks
great share. really helpful and effective. appreciate with it.
SEO friendly
Yeh its true that wp plugins makes it easy to do everything easy on wordpress, but MBT is just another plugin and widjets directory for bloggers, makes everything easy for bloggers.
MyBlogPromo.com
Hello bro, not working in my blog, The ads didn't show on the middle on my article,only show at the end of my articles, can you help me.here are my blog : www.bloggerheroe.com
Thanks, Looking forward to your reply.
Thanks mohammad for providing best earning trick.I'm new to adsense and i've one small doubt.Is for every post we create new ad or use already created ads?Please clarify it
it is Awesome tips thanks for sharing on MBT :)
Regards
Rahul Kashyap
Blog: SDMMovies.com
Nice article !
I was also looking for these methods !
As in WP, these jobs are very easy !
In blogger, it's difficult !http://mbloggertricks.blogspot.com/
I think, We can Do it manually by editing "Blog Posts" widget..Right?
Regards,
Aravind,
http://lab.todaysworld.in
I have been waiting for this. You are an angel.
Naija Guardian Jobs
Thanks for the great tutorial, mohammad! :)
Very helpful for me.
Wow !! Thanks for sharing :)
How do I make it appear in the middle post exactly?
And please need your say about my job weblog. I was able to customize it from what I have learned from you. You are a great teacher. MyBlog
I need you recommendation please.
HI Mohd, is this working into Blogger blogs with automatic read more with thumbnail hack?
its amazing brother :) we can earn more from Adsense now :)
Nice Sharing Mohammad Mustafa and keep it up
Download Register Games and Software's Free: www.aamirawan-s.blogspot.com
I think this already if how can I put the ads in the middle or inside the post on the blogger, but I have no idea to do it. But now you post a tutorial sir mohammad, Thanks for this, Very useful to all new bloggers specially me. I love this article...
Best Regards,
Khyvez
Blog: MOD MY BLOG
@Slim Šhady
A pleasure buddy. About the load time oh sure its all jquery and no complex JavaScript so you can surely use JQuery because it is a compressed and more lighter and compatible version of JavaScript. :) But about load time, I will surely drop it down as soon as I get free. :)
@Akhil
Blogger plugins are on there way now! :)
@Ahmed
Oh thanks captain. Thanks for the kind contribution :)
@Ankit
Don't display Adsense unless you reach 500 Unique visitors per day or 700-1000 PageViews. Write now post on trending topics and build traffic. Adsense wont pay you enough at this stage so work on drawing search traffic. :)
@Jake
A pleasure Jake always and thank you for giving feedback on the load time. I have noted it down and will try removing some objects to lighten the blog :)
@Chennai
Glad it worked for you :)
@Hafeez
Most welcomed. :)\
@sagar T Rajan
I mentioned it clearly dear to paste the code just below opening Head tag. :)
@Usama
In wordpress you can try Quick AdSense :)
@adrian
I am so glad you found it useful. Thanks for the kind feedback :)
@REaz
Honor. Thanks buddy :)
@Pramod
That's your sincere love and respect. I truely admire it pal. Thanks for keeping this community alive :)
@Adrian
The plugin code is loading before your jquery code library. So you must shift the Jquery code inside your blog to just below <head>
and after it paste the plugin code.
find this code and paste it just below <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js' type='text/javascript'></script>
Save your template and check back :)
@techlans
It will add to all your new and old posts combined. The plugin will insert the ad zone to all your posts irrespective of whether they are new or old.
@Rahul
Anytime dude :)
@khan
I guess it isn't different anymore. A pleasure :)
@Aravind
Will you find it comfortable adding the code manually to each and every post? :)
You will not have it in old posts then unless you add it manually to that too. Better lets use technology. :)
@Sunday
thank you buddy :)
@Daniel
Always always welcomed :)
@Sunday
We can do that by filtering the first occurrence of p tag. But I will need to write a separate post for it. That wouldn't be CTR friendly thats why i didn't discuss it else it would take a minute to write down that new code using filter first child fucntion in jQuery.
Your blog looks great and a good navigation menu will add more fuel to it :)
@Fani
it must work because they work on similar tag. Let me know.
@Gagan
Happy new earning :)
@Aamir
Thank you buddy. :)
@Rod
Exactly we have already shared tutorials on how to add it below titles and at the end of posts but this one is unique because it really makes the job easy. Glad you like it :)
Thanx for this post but unfortunately i got banned from adsense . Really a sad news for me.Also Read:Setting Meta Tags search preferences in blogger
So! Great tips, so many time i find it and now i see. Can you tell me how to add it on wodpress Mohammad.
cách vào facebook
@Mohammad,
I am not saying about adding Adsense to each and every post manually.
I am talking about, Why don't we use "Show Ads Between Posts" option in Blog Posts widget.
Nice.. Ads in the middle of the post. Thanks for the tutorial. I'm looking for this for months..
------------------------
Best Music Cover
badhiya trik
Very Well Written Thanks
Brother you said you will answer all queries in the kitchen till Sunday ! Today its Wednesday :D :D Well hurry up I am waiting for your reply.
And about the site load time thing, how to defer parsing of java script and what does it mean? :P
yes, it's very nice post ;)
http://free-articles-0nline.blogspot.com/
Hello Mehmood!i hope you'll fine!
Today i want to inform you that their is some one who copy your blog content, Review below both URLS
Thank You!
Original URL : http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html
Copy URL : http://www.mybloggertrick.com/2013/02/how-to-add-adsense-ads-after-read-more.html
@azad hussain
Indeed a sad news but I guess you can work more sincerely now and sent a reconsideration request :)
@Nguyen
For wordpress simply install Quick AdSense plugin :)
@Aravind
Oh my negligence!
If you use the Page elements tool for displaying ads then it will display ads only on your homepage between two different posts alternatively. It wont let you display ads within posts just after a particular paragraph. Cleared dear? :)
@Shahabuddin
Nice new name! ;)
Buddy you can understand how busy a person gets when his wedding ceremony is near! I honestly can't even go university on daily basis and then local events.
@totalclicks
We are fed up with all these. They are only harming their time copying content that will return nothing. Let them enjoy it.
Thanks for reporting it buddy.
@Mohammad,
Ha ha :) Cleared :)
Regards,
Aravind - Bloggers Lab
@Mohammad Mustafa Ahmedzai
Hello only show below post,,how to put this on a center same yours?
@aravind
A Pleasure pal :)
@adrian lucernas
That was for Aravind question. The above tutorial will create the same effect as you see on our blog. :)
This is amazing! great work
Download books and drivers
@Mohammad Mustafa Ahmedzaihehehheh,,,thanks,for that mate.by the way thanks for all of your tips, because of your brilliant idea i make my own blog, i really inspired all of your work,keep it up.. :)
Useful piece of code !
Salam Muhammad
You have already shared with us many posts about putting adsense cods any where we want in blogger blogs, and this is an other post that i would like to thank you for sharing it with us, i think this method will help us to increas our earning, and sure this is according to the content and daily visitors.
Hope you're fine bro..
Have a nice day :)
▄▀▄▀▄MyWay2Blogging▄▀▄▀▄
good artical bro
thankx for this article \m/
www.pakiten.blogspot.com
Trick didn't work for me. I tried time and again but nothing came out. My blog theme got 3 of this tag:
I cant really tell why its not working for me, maybe I got maximum number of ads on my pages but then, it would have made the space its suppose to cover larger but there's no sign of ad.
I talking about this tag <. data:post.body/ .>
You are simply just awesome! Hats off to you brother.
I am facing one problem though. In my blog the ad seems to be placed before the "read more" tag. So when I click on "read more" it takes to me to the section of the post which is just below the "read more" tag... and so I can't actually see the ad unless I go up... Please help..
my blog url is thehealthanddiseaseblog.blogspot.com
Hi Mohammad,
Really a great tutorial i had share this tutorial on my blog with proper attribution link thanks you so much dude
regards,
Tips Via Blogging
not working.. :(
Yea, what about us that have an automatic post summary with thumbnail and Read More button on customized blogger templates?
Also, we have more than one <. data:post.body/ .> tag in our html,
so after which one should we add your code?
Could you be more specific regarding this?
And also, will this work without if we have an automatic read more summary button?
Mohammad bhai I understand that you literally don't get time. And yeah this is my real name I thought my readers should know me with my real name :D
And what do you mean disabled the Ad display for browsers where JavaScript is disabled? I am a little confused so please explain.
@Shahabuddin Danish I'll try to answer your confusion ... some browsers disable javascript
Thanks for the code...
very nice code and very nice Artical..Download Pc Games
can you tell me problem with this url,why ad is causing gap with respect to picture
http://technocrazepro.blogspot.in/2013/01/How-to-See-Who-Is-Online-On-Facebook-While-Remaining-Offline.html
can you tell me problem with this url,why ad is causing gap with respect to picture
http://technocrazepro.blogspot.in/2013/01/How-to-See-Who-Is-Online-On-Facebook-While-Remaining-Offline.html
Great Tips. I have also incresed my Adsense Earnings using MBT's Tips. Thanks Alot.
...▄▀▄▀▄▀▄ ▀ Free SEO Tricks ▀▄▀▄▀▄▀▄...
Really Your Ideas Are Wonderfull ...
Great Tips. I have also incresed my Adsense Earnings using MBT's Tips. Thanks Alot.
...▄▀▄▀▄▀▄ ▀ Rooting Galaxy y▀▄▀▄▀▄▀▄...
how to activate adsense account in my blogger tell me the step by step procedure
thanks for sharing
▄▀▄▀▄▀▄ ▀.Download MOVIES in HD 3GP.▀▄▀▄▀▄▀▄
Ads not showing i tried same with adding jQuery and without adding j@uery code kindly help me about this
http://www.animeipics.com/
thanks for this article, we are also interested to show ads below post title in my blog: - mobile sms
sir, but some feature are changed in blogger i.e. expand widget templates are not found so please re check blogger and guide me. how to put adsense ads in below post title
we shall be highly oblized for your kindness
hai brother my adesence req is diaoprval what i do .. how to get adesence i my blog...
Superb! Got it working perfectly on my blog. Thanks
I tried this method to insert ADDYNAMO after read more and above comment box on my blog but not working,pls any help?
Thanks a lot for the tutorial ...
helpful thanks; http//www.allmoneyideal.com
Click Here To add Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.
Regards,
Mohammad