Did your AdSense application get approved? If yes, it’s very important to add AdSense ads in an apt place in your blog. Moreover, the default gadgets provided by blogger can be added only in blogger sidebar, top or below blog posts and footer. So today, in this post let me share with you how you can display your AdSense ads, image flash files, widgets like email subscription box or subscribe via Social widgets in just below your first post in blogger.
As always, before we get into this tutorial, I would like to show you an image screenshot of this widget placement below your first post in blogger. Remember, I used this trick only to screencast a preview screenshot of our readers and if you would like to see it in real, simply visit this link to feel the demo in action – http://goo.gl/VREor
Add AdSense/Widget Below First Post in Blogger
To get started, simply follow the instructions provided below and we're gonna use the isFirstPost conditional tag to display your AdSense ads or widget right after the first blog post in blogger home page.
- Go to Blogger Dashboard » Template
- Backup your blogger Template before making any changes
- Click on Edit HTML
- Check Expand Widget Templates
- Press Ctrl + F and search the code shown below ▼
<b:include data='post' name='post'/>
Please note: You’ll be able to find the above code only once in your blogger template. It doesn’t matter whether you use a default blogger template or custom blogger template.
Now copy & paste the below code just after/below the above searched code. (use Ctrl+F to find the code).
<b:if cond='data:post.isFirstPost'> <div align="center" style="margin-top:0px; margin-bottom:10px;"> Encoded AdSense or Widget Code </div> </b:if>
So, if you’re a newbie blogger and don’t know how this will look like? Simply take a look at the image screenshot via this hyperlink for better understanding. Because even a simple mistake will be able to destroy all your efforts.
Important #1: As you see, you can replace “Encoded AdSense or Widget Code”. As this text mentions, you should encode your HTML code to display to your AdSense ads or widget properly. Otherwise it’ll show error your code with large bold font. To encode your AdSense code, visit AdSense Code Converter Tool.
Important #2: The top margins (margin-top) and the bottom margins (margin-bottom), this is just in case you wish the component to move towards or away from the entries.
Also read: Add AdSense Ads Anywhere in your Blog Posts
Now take a Preview of your blogger template and if you’re satisfied, everything’s Okay, click Save template and you’re done! Hope you enjoyed this post and if you’ve any hesitation, mention them via comment and we’re glad to help you. Thanks and wish you a happy blogging!