Add a text / link below or above every post in Blogger

  • Sign in to your Blogger account and go to Template Edit HTML.
  • Click one anywhere in the code editor screen. Then press Ctrl. + F and search <data:post.body> in your blog’s template.
  • Pressing Enter key will let you scroll through the matches found. In most cases, your template will have more than one instance of data:post.body. If that is the case with you, repeat the steps 4-5 till it works out for you.
  • Add the widget code above the <data:post.body> tag, or below it, depending on whether you want the widget to appear above or below your post contents. In case you want it to appear at both positions, add the same code both above and below the <data:post.body> tag. Doing so will make your code look something like this:

In case you want to add an announcement or something of that sort, use the below code as a blueprint in case HTML is not your cup of tea.
<span style="font-family:Segoe UI">
<b>Announcement:</b>Enter any text here. <a href="http://YOUR_LINK_HERE">ANCHOR TEXT FOR LINK</a>.
</span>
A bit more stylized announcement can be created using this code:
<div style="background:#33b5e5; border-radius:9px; padding: 10px; color: #fff">
<span style="font-family:Segoe UI"><b>Announcement: </b>. <a href="http://YOUR_LINK_HERE" style="color:#000">Your TEXT HERE</a>.</span>
</div>
The above code will generate an announcement like this:
Announcement:  Your TEXT HEREhttp://kishorkc.blogspot.com
You can obviously change the colors as per you site’s theme.