How To Add Codes Or Widgets Below First Post In Blogger?

Blogger is a free blog platform and you can blog anything on it. You are free to edit it anywhere as you want. Many customization is shared on the internet so here we are sharing another that can help you in many way.

This tutorial will show you how to make a gadget/widget to appear just below the first Blogger post. First, you must understand that the usual gadgets provided by Blogger can be added only in the areas where the design section permits. Still, we can show any element, for example, an AdSense ad, an image, a flash file, a video etc.

So what we will do in this tutorial is to display an item under the first post, this means that it will not be visible below the other entries. This is great when you use any automatic summary, although it is not a requirement. Well, this is easy to do and we will use the isFirstPost conditional tag for that element to show it under the first entry.

Features:

1.) Blogger Conditional Tags Added.
2.) Add Widgets, Ads, HTML Anything Here.
3.) No External File Or Code Added.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog”.
3.) Go To “Template”.
4.) Click “Edit HTML”.
5.) Now Click Within Code Box.
6.) Press “[CTRL+F]” To Search <b:include data='post' name='post'/> Code.
7.) Now Copy The Below Code And Paste It After <b:include data='post' name='post'/> Code..
8.) Click “Save Template” And Done.

<b:if cond='data:post.isFirstPost'>
<div align="center" style="margin-top:0px; margin-bottom:10px;">

</div>
</b:if>

Customization:

1.) Change with your desired codes of AdSense ad, a widget etc…
2.) Add CSS to the DIV if you want…
3.) Rest is done…

Last Words:

This is what we have. We have many more like this so If you liked it then share it with your friends and leave your comment and if you still have any quires then feel free to ask us. Thanks to be with us, will be with you on next codes. Be with us.