Home » » Related Post For Blog

Related Post For Blog

Photobucket

Written By kliklihat.com on Friday, August 12, 2011 | 7:10 PM

Share this article :
Now here is wonderful hack for displaying links to related posts beneath each of your blog posts. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.







How to Add Related Posts Widget to Your Blog?

  1. Go to Layout >Edit HTML in your Blogger Dashboard.
  2. Back up your existing Template before making any changes!
  3. Make sure to check the "Expand Widget Templates" box.
  4. Search for the </head> tag.
  5. Add the following code just before the </head> tag.
  6. <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_bQtZbPqu1Rwde6wYmYS_M8z2keDPOacNmEw50f8eJ1DWTsxubsKR5S3s7k6UUZXmzPy1lAQmmdK9oK_Qc-4GkrD325UFZLidDh1MGBk-gBfOOE0We0nqPKtYUbzQS7n1kqKlUGuwvxQ/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>
  7. Now search for <data:post.body/>. In some of the templates this code may look like this
    <div class='post-body>
    or
    <data:post.body/>
  8. Add the following code just beneath the code you just searched for.
    <b:if cond='data:blog.pageType == "item"'>
    <div id="related-posts">
    <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div></b:if>

Now Save your Template and you're done!
web sukasuka

Share this article :
Anda sedang membaca Artikel tentang Related Post For Blog ndan anda bisa menemukan Artikel Related Post For Blog ini dengan URL http://charphatianews.blogspot.com/2011/08/related-post-for-blog.html, Terimakasih Telah membaca Artikel Related Post For Blog Anda boleh menyebar Luaskan atau MengCopy-Paste nya jika Artikel Related Post For Blog ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link Related Post For Blog sebagai Sumbernya.
Photobucket

Ditulis Oleh : kliklihat.com

Artikel Related Post For Blog Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

Post a Comment

terimakasih atas kunjungan anda -

 
Support : Creating Website | KLIKLIHAT | KLIKLIHAT
Copyright © 2011. noname - All Rights Reserved
Template Created by Creating Website Published by MASKOLIS
Proudly powered by Blogger