Cara Membuat artikel terkait/Related Post

Kali ini saya akan membagikan tips cara membuat Related Post,mudah kok kawan.Siap???Yok meluncur ke tekape.

1. Seperti biasa login Blogger kawan

2. Klik template

3. Edit HTML

4. Centang Expand Widget Template.

• Sekarang kawan cari kode ini </head> lalu paste kode di bawah tepat di atas kode </head>

<!--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: Verdana, 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/AVvXsEi4VBYwpvi94xdH81pC-6Xl5lW1UF38ImXq9qZpMV1xyogFW-u3QKMjihNjPZk3ZSz5ecFGA2k_e3qL3NkwnaNCwBzl5WTP4B4zTkemTW1tuUoK_QBk5Nhc4Pvpf_YbvAvKVZ0IumcNX7o/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-->

• Lalu kawan cari kode ini  :

1. <div class='post-footer-line post-footer-line-1'>

• Sudah ketemu??kalu sudah kawan copy kode di bawah ini tepat setelah kode diatas

<!-- 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.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://bloggertemplates.bloggerplugins.org/'><img alt='Blogger Templates' src='http://image.bloggerplugins.org/blogger-templates.png' style='border: 0'/></a>

</b:if></b:if>

<!-- Related Posts with Thumbnails Code End-->

Notes :
untuk mengatur jumlah artikel terkait, cari kode ini : var maxresults=5; Ubah nilai 5 misal menjadi 7 atau berapa yang Anda suka.
Untuk mengubah Judul nya cari kode ini : var relatedpoststitle="Related Posts";

Mudah bukan kawan??Silahkan di coba.