Before, I wrote some articles to instruct you how to add "Related Posts" at the end of your posts. However, that method can only show the newest related posts in the same lable and nothing more. It's limited around some newest posts of your lables.
I tried my best to overcome the disadvantage and making this "Related Posts" function working more professional. Now, I am proud to release the upgraded "Related Posts" with great performance. It shows not only the newest related posts but also the older related posts at the end of present article. To see how this new cood stuff working, look at below picture:Before placing the code in, you must change somes:
Infact, I created this hack a long time ago, but it worked only on "classic template". It took me lots of times to fix the bugs for making this compatible with "Layout template"
To begin, you must follow this instruction: Before placing the code in, you must change somes: - Choose Show the time of Post Placing the code:
1/ Open Page Elements, choose Edit at Blog Post.
2/ Go to Setting, then Formatting and select as the following:
(Make sure your feed is actived by Feedburner)
1/ Back up your current template before making any changes.
2/ Go to Edit HTML ---> Expand Widget Manager.
3/ Find :
<p class='post-footer-line post-footer-line-3'/>and place the code under it or under </div> tag.
Look at below image:
<b:if cond='data:blog.pageType
== "item"'>
<b:if cond='data:post.labels'>
<div id='bailienquan'>Loading related posts...</div>
<span id='label_list_display_none' style='display:none; visibility:hidden'><b:loop
values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast
!= "true"'>,</b:if></b:loop></span>
<span id='post_time_stamp' style='display:none; visibility:hidden'><data:post.timestamp/></span>
<br/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
home_page = "http://www.share4vnn.blogspot.com/";
maxPosts = 12;
feed2js = "http://feed2js.org//feed2js.php";
</script>
<script src='http://spin.roan.googlepages.com/related_posts_01.js'
type='text/javascript'/>
<div id='cacbailq1' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("min");</script>
</div>
<div id='cacbailq2' style='display:none; visibility:hidden; height:0px'>
<script type='text/javascript'>creattaga("max");</script>
</div>
<div class='cacbailienquan' id='cacbailienquan' style="display:none;">
<script src='http://spin.roan.googlepages.com/related_posts_02.js'
type='text/javascript'/>
<script type='text/javascript'>
displayCBLQ("cacbailq1","Newest related posts:");
displayCBLQ("cacbailq2","Older related posts:");
</script>
</div>
</b:if>
Replace the link in red text with your own blog URL. Dont forget "/"
in it.
Change the maximum number of your posts to appear (ex: 12 posts)
Wish you get success and giving me some feedbacks about this hack!
