- 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:
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.
Comments
Post a Comment