I've customized the mobile view of OgbongeBlog in such a way that I now have an Adsense 320x50 mobile banner been displayed under post titles as well as an Adsense 250x250 ad unit been displayed at the end of each post on the mobile view.
Besides that, I created an extra section above the header region and right there, I can also add an Adsense mobile banner or a non-adsense 320x50 banner. In this tutorial, I'm sharing with you how to add Adsense ad inside blog posts of Blogger mobile templates, directly below post titles.
Just follow me through the steps.
==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 320x50 mobile banner.
Now, we need to parse the ad code.
==> Go to http://www.freehtmlparser.blogspot.com/
==> Copy and paste your ad code inside the box and click the "Encode" button
==> Copy and paste the code somewhere eg in a notepad
==> Ensure you have enabled CUSTOM Blogger mobile template.
If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.
==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.
==> So, back up your template and go to "Template" > "Edit HTML"
==> Click inside the HTML and use CTRL F to find the code below:
==> Once you find the code, scroll down gently till you see the code below:
==> Paste your parsed Adsense code directly below the code above.
Save your template.
View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad below the post title on POST pages (Not on the homepage).
NB: You can place any ad code there be it AdDynamo, Infolink, media.net ad etc
You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.
Try it and let me know if it works for you.
PLEASE, Share this with your friends.
Questions? Contributions? Kindly relay them via comments.
Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View
Besides that, I created an extra section above the header region and right there, I can also add an Adsense mobile banner or a non-adsense 320x50 banner. In this tutorial, I'm sharing with you how to add Adsense ad inside blog posts of Blogger mobile templates, directly below post titles.
Just follow me through the steps.
==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 320x50 mobile banner.
Now, we need to parse the ad code.
==> Go to http://www.freehtmlparser.blogspot.com/
==> Copy and paste your ad code inside the box and click the "Encode" button
==> Copy and paste the code somewhere eg in a notepad
==> Ensure you have enabled CUSTOM Blogger mobile template.
If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.
==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.
==> So, back up your template and go to "Template" > "Edit HTML"
==> Click inside the HTML and use CTRL F to find the code below:
<b:includable id='mobile-post' var='post'>
==> Once you find the code, scroll down gently till you see the code below:
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
==> Paste your parsed Adsense code directly below the code above.
Save your template.
View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad below the post title on POST pages (Not on the homepage).
NB: You can place any ad code there be it AdDynamo, Infolink, media.net ad etc
You can access the mobile view of your Blogger post on PC by adding ?m=1 at the end of the post URL.
Try it and let me know if it works for you.
PLEASE, Share this with your friends.
Questions? Contributions? Kindly relay them via comments.
Recommended: How to Add Adsense Below Post Titles on Blogger Desktop View
wow! Exactly what I need. Will try it when on pC and get back to you sir. Thanks Oga mi
ReplyDeletePls can I use this method to place Addynamo Adverts on my DJ Cosec's Blog
DeleteYes, you can!
Deletenice tutorial... Just did it and its working wonderfully well for me. Thumbs up n a big thank you. But i noticed ads do not show up on Opera and UC Web...
ReplyDeleteYes, the Opera Mini case is a known issue
Deletemenhh, i have been trying this all day long but it is not working for me.you said we should choose custom from the drop down list which is the last option in the drop down list,gues am correct.after choosing custom, i noticed the mobile template will disappear and i will see a message saying "Custom adapts your template customizations to mobile. Be sure to preview your template". with no mobile template showing, when i visit the mobile site using the /?m=1, it will take me to the full desktop view of my website bcos it has been set to custom or is there any other custom from the dropdown list.how come urs is showing mobile view when you said we should choose custom.please help on this cos i just cant seems to get it right.
ReplyDeleteAre you using a third-party template downloaded from one of those free templates sites?
DeleteBros J u r God sent, this is what i have been looking for, and u jst gave it to me. it working perfectly. thanks so much
ReplyDeleteYou're welcome sir.
Deleteyes i am using third party template download from most of this template website.i have been trying all day long, not working.how do i go about this to work with third party template.
ReplyDeleteit worked perfectly.. pleae Jide what do i do about my .com i google denied the upgrade of my adsense. i can only use it on my .blogspot
ReplyDeleteam stil way sir jide.the stuff is not working for me.i am using third party template
ReplyDeleteIt works even with the first try. Thumbs up.
ReplyDeletetanks........ works perfect for my blog
ReplyDelete80pc of my traffic cames from mobile and since i customised my blogger native template (thanks to Ogbonge), its working like charm. Actually i have never came across such kind of blog before. Ogbonge Blog rocks, and i admire every mobile widget on it.....am tryng every possibility to perfect my revenue income, CHEERS!
ReplyDeleteGudday broda, i made a mistake when doing the mobile parsing.instead of the mobile parser banner, i now parsed it on my main blog. i was also using the responsive ad code to do it which now make my space for the responsive code vacant.and i don't know what to do...pls help..check me on kingasa4empowerment.blogspot.com...thanks
ReplyDeletedoes the new adcode still require passing.....
ReplyDeletethank you very much bro. But mine is not displaying on mobile, help please
ReplyDeleteGood work it really works for me
ReplyDeleteGreat Post. Thanks you very much for the article....
ReplyDeletecarry on.
Thanks
Rashed
Thanks, I'll try it
ReplyDeleteDo I need to parse addynamo codes too? Pls reply
ReplyDeleteI have pasted my adsense code in my blogger blog, but ads were not showing. please help me Reet Result
ReplyDeletenice. instruction.
ReplyDeleteGeneral Knowledge in Hindi
thanks work perfectly , but what if i want to show it at the end of a post too ?
ReplyDeletereally working for my both blogs... Thanks
ReplyDeletewww.citinewstv.com
www.kweeninspirations.blogspot.com
have been looking for this code (div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody>) on my site i can't find it
ReplyDeletedechampions.net is my site
why not working forme i have been try for loong time
ReplyDeleteThanks for the info Mr. Jide. My own issue is that my blog is already displaying Adsense below post titles in desktop version. If I do this, won't there be a conflict?
ReplyDeletesir d adsense code is not posting on my template dashboard, can it be the problem of the template am using
ReplyDeletethis is really nice post. i was looking for this info. for relationship tips https://www.tinyphoenixx.blogspot.com.ng
ReplyDeletethanks very helpful
ReplyDeletewww.adenegift.com
One love you just part of my problems.
ReplyDeletewww.dammygtnet.com
But I will like to know how I can move my dropdown menu up. Don't like where it is placed now, it is at the bottom of my page.
ReplyDeleteLooking forward to hearing from you
Can anyone tell me how to remove those ads from blogspot template
ReplyDeleteIt's not working for me, is it because i have third party template?. Please check my site. http://www.tastymalabarfoods.com/?m=1
ReplyDeleteAlso when i change into custom, so many blank spaces come on the left side!!
was having issue with this add showing on mobile view of my blog @ www.naijasphere.com but you made me understand that opera mini isn't supported. thanks
ReplyDeleteThanks Mr Jide, this guide works perfectly, it displayed beautifully on the blog you can check it out www.damtops.com
ReplyDeleteThanks Mr.Jide.. I am from Indonesia .. this works so good and i love it ..
ReplyDeletewhy not working forme i have been try for loong time
ReplyDeleteThank you very much. we will try
ReplyDeleteThank you .. it is really useful for me .. i will try it
ReplyDeleteHope you can help me .. Thank you very much
ReplyDeletenice post... thanks
ReplyDeleteHi sir, I want ads to display in the middle of my post, how can I archive that ?
ReplyDeleteThankz... this guide works perfectly
ReplyDeleteCan someone help me, im trying to put it in on my website www.gameharvestmoon.com , but is not working
ReplyDeleteThis is really useful information for me... It is working perfectly in my website [www.examstate.com].
ReplyDeleteWork perfect, thank's
ReplyDeleteFantastic! Thanks Very Much!
ReplyDeleteSweetest post ever. Thanks Jide
ReplyDeleteHai, Thanks for sharing :)
ReplyDeleteThis is very helpful! Thank you very much.
ReplyDeletetq sir..really useful
ReplyDeletethanks for this information guys... i'm very needed
ReplyDeletethanks for sharing this articel....
ReplyDelete