How to Make Related Posts

HOW TO RELATED POSTS RELATED ARTICLES IN BLOGGER BLOGSPOTRelated Posts how to make ordinary or without images are as follows:1. Login / entry blogger.com -> click on the blog to be edited 

2. Click Template -> Edit HTML -> Continue -> love tick the Expand Widget Template

3. Find the code]]> </ b: skin> 

4. Place the following code in the code it no.3:


    # Related-posts {float: left; width: 468px; margin-left: 5px; font-size: 12px; line-height: 1.8em; 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 {margin: 5px 5px 10px 20px; padding: 0; }
5. Find </ head> 

6. Put the code on it beirkut no.5 code


    <Script src = 'http: //hbhost.googlecode.com/files/Related-posts.js' type = 'text / javascript' />
7. Find the code <data: post.body /> 8. Place the code below beirkut code no.7:
view plainprint?

    <B: if cond = 'data: the blog.pageType == & quot; item & quot;'>
    <Div id = "related-posts'>
    <Div style = 'font-size: 18px "> <b> Related Posts: </ b> </ div>
    <B: loop values ​​= 'Data: post.labels' var = "label">
    <B: if cond = 'data: the label.isLast! = & Quot; true & quot;' />
    <B: if cond = 'data: the 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>
    <Script type = 'text / javascript'> removeRelatedDuplicates (); printRelatedLabels ();
    </ Script>
    </ Div>
    </ B: if>

Done. The result at the bottom of each article in alkhoirot.net


CARA MEMBUAT RELATED POSTS DENGAN GAMBAR THUMBNAIL DI BLOGGER BLOGSPOT

Maksud Related Post dengan Gambar adalah Related Post yang mengandung gambar di atas setiap artikel. Contohnya, lihat gambar berikut:

Ikuti panduan singkat berikut:

1. Login/masuk blogger.com -> klik blog yang akan diedit
2. Klik Template -> Edit HTML -> Lanjutkan -> kasih tanda tik pada Expand Widget Template
3. Cari kode </head> :
4. Letakkan kode berikut persis di atasnya kode no.3

<!--Related Posts with thumbnails Scripts and Styles Start--> 
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type="text/css"> 
#related-posts { 
float:center; 
text-transform:none; 
height:100%; 
min-height:100%; 
padding-top:5px; 
padding-left:5px; 
} 
 
#related-posts h2{ 
font-size: 1.6em; 
font-weight: bold; 
color: black; 
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; 
margin-bottom: 0.75em; 
margin-top: 0em; 
padding-top: 0em; 
} 
#related-posts a{ 
color:black; 
} 
#related-posts a:hover{ 
color:black; 
} 
 
#related-posts  a:hover { 
background-color:#d4eaf2; 
} 
</style> 
<script type='text/javascript'> 
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQagH6W1Y2TTZmT3yEWPwuH_GY7kI2S7cgnbpui-weFiLELDFbhdAZIizEpcTfWZMjk6nK2irbgcrFF6avJvBX4fvtntGE2lH1Dx5aVfjjH2OaI68WYGSC57DrzC1sw3D9KLJmXb96GMA/s400/noimage.png"; 
var maxresults=5; 
var splittercolor="#d4eaf2"; 
var relatedpoststitle="Related Posts"; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/> 
<!-- remove --></b:if> 
<!--Related Posts with thumbnails Scripts and Styles End-->  

5. Cari kode ini: <div class='post-footer-line post-footer-line-1'>
6. Letakkan kode berikut persis setelah/di bawahnya kode no.5:

<!-- Related Posts with Thumbnails Code Start--> 
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> 
</b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> 
<script type='text/javascript'> 
removeRelatedDuplicates_thumbs(); 
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</div> 
<div style='clear:both'/> 
<!-- remove --></b:if>  
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> 
<a href='http://www.alkhoirot.net/2011/05/related-posts-dengan-gambar.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.alkhoirot.net/' ><img style="border: 0" alt="Blogger Tutorial" src="http://image.bloggerplugins.org/blogger-templates.png" /></a> 
</b:if></b:if> 
<!-- Related Posts with Thumbnails Code End-->  

7. Klik Simpan Template. Selesai.