Is there anything that you would like to display under each of your posts? Or better, are you already displaying something at the bottom of every post of yours? If yes, you must be adding that particular text or code (which is common in all your posts) below every individual post while publishing it. Let me tell you that there's a much simpler way to do that!
3. Now you can add literally anything you want directly above/before <div class='post-footer'>
Whatever you add above this code, it will be automatically rendered below each of your posts.
Finally, to finish everything up, have a look at the way I display this "Raj Mehta" thing below each of my posts! Here's screenshot of what it looks like in my template:
You can literally add anything from basic text to good looking HTML elements like author bio, subscription box, sharing buttons, etc. below your blog posts automatically!
Have you noticed the way I beautifully display "Raj Mehta" below each of my posts? I don't add that code in every individual post of mine, it appears there automatically!
Steps to implement:
1. Go to your Blogger dashboard >> Template >> Edit HTML
2. Find the following piece of code:
<div class='post-footer'>Note: If there are 2 occurrences of this code in your template, stick with the second one.
3. Now you can add literally anything you want directly above/before <div class='post-footer'>
Whatever you add above this code, it will be automatically rendered below each of your posts.
Bonus Tip
Note that whatever you add above/before <div class='post-footer'> will be displayed below every post i.e. in every post page. But, the funny thing is, it will also be displayed on your blog's homepage! This will bother you if you are using Blogger's jump-break feature (like me) on your blog.
But don't worry, I've got a solution for that too!
If you want your code to be displayed only on post pages and not the homepage, wrap that code in conditional tags like this:
<b:if cond='data:blog.pageType == "item"'>Adding your code (the stuff you wanna display under every post) inside these conditional tags will automatically render it only in "post pages" and not the homepage.
//Add your code here
</b:if>
<div class='post-footer'>
Finally, to finish everything up, have a look at the way I display this "Raj Mehta" thing below each of my posts! Here's screenshot of what it looks like in my template:
0 comments:
Post a Comment