Create a static widget below the first post in Blogger

How to add widget below first post

Having a widget just below the first post on your blog could have a number of benefits.  You can use it for ad space or just any kind of widget you can think of.
What ever you want a widget below the first post for, then this tutorial will show you how.



To start go to Blogger dashboard > Template > Edit HTML

Blogger template HTML edit

Now make sure the Expand Widget Template is ticked

Expand Widget Template

Find this line of code, Tip use Ctrl F to search.

<b:include data='post' name='post'/>

Now just below add this code.  This code uses the Blogger isFirstPost tag to place anything you want under the first post.

<b:if cond='data:post.isFirstPost'><div align="center" style="margin-top:0px; margin-bottom:10px;">
Here goes the code of the element you want to show
</div>
</b:if>

Replace the blue text with any HTML gadget code or just use it as a text area.

Preview your blog and if you're happy save your template.

Job Done...

Credit to Help Blogger