Tutorial cara menaruh postingan yang sama labelnya (artikel terkait) di blogspot

Nah kalian pasti tau tentang artikel terkait, biasanya diblog anda sering melihat dibawah postingan ada artikel artikel yang sama labelnya nah itu yang namanya artikel terkait. widget yang satu ini lumayan penting untuk memperkenalkan postingan yang mungkin pengunjung bisa tertarik dan mengunjungi postingan tersebut, jadi coba aja...

langung ke tutorialnya...

pertama cari masuk ke template, edit html, centrang "Expand Widget Templates" lalu tekan Ctrl + f dan cari code </head>

lalu pastekan code dibawah ini di atasnya atau sebelum kode tersebut

<!--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/AVvXsEjITlxEsFJEUDLNS9Dta6heDTD9ijMN3gZ4D8HyZ_hBJc_NrOUcTYD8j6rY4TFOEazYXJtfR69RmHlGOeN-0zXGbeM4gGIcor_ygpDnJn1qAk0pOp4qXtgHZ-LuUmP-XVLdVgc290xIBzk/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-->

catatan :

- pada kode var maxresults=5 ganti angka 5 dengan banyak artikel yang kamu ingin tampilkan

- pada kode Related Posts ganti dengan judul yang kamu inginkan

kemudian cari kode <div class='post-footer-line post-footer-line-1'>

biasanya kode tersebut ada 2 paste kode dibawah ini yang pertama aja

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

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

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

klikm simpan slesai...

terimakasih dan semoga bermanfaat....