Cara Membuat Related Post

     Cara Membuat Related Post - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Related Post.

     Related Post berfungsi untuk menampilkan artikel-artikel lain yang memiliki label yang sama dengan artikel yang sedang dibaca pada saat itu oleh pengunjung blog anda. Related post juga bisa menambah traffic, karena menambah pageview pada blog.

     Bagi anda para blogger, traffic adalah syarat mutlak untuk menaikkan pagerank blog anda. Bahkan jika pengunjung blog anda ingin melihat-lihat isi blog anda, mereka bisa mengklik salah satu dari related post. Apalagi jika judul dari artikel yang terdapat di related post itu membuat para pengunjung blog anda pernasaran dan ingin untuk membukanya. Nah, bagi yang mau coba, Langsung saja..

Cek It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Jangan lupa untuk BACKUP template anda untuk berjaga-jaga bila terjadi kegagalan dalam proses. Seperti biasa, centang "Expand template widget".

2. Cari kode </head>(gunakan F3 atau Ctrl+F untuk memudahkan dalam pencarian) kemudian masukkan kode dibawah tepat diatas dari kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start - www.AiRaLoKa.com--><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.3em;font-weight: bold;color: #000000;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:#000000;}#related-posts a:hover{color:#000000;}#related-posts a:hover {background-color:#d4eaf2;}</style><script src='https://airalokadotcom.googlecode.com/files/relatedpostwiththumbnails2%20%282%29.js' type='text/javascript'/></b:if><!--Related Posts with thumbnails Scripts and Styles End - www.AiRaLoKa.com-->

3.  Selanjutnya adalah mencari kode 

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> (gunakan F3 atau Ctrl+F untuk memudahkan dalam pencarian) 

kemudian letakkan kode dibawah tepat diatas kode diatas.

<!-- Related Posts with Thumbnails Code Start - www.AiRaLoKa.com-->
<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>
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Artikel terkait&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End - www.AiRaLoKa.com-->

Ganti yang berwarna biru dengan judul dari related post yang anda mau. contoh: Related Post:, Baca Juga:, Artikel menarik lainnya, dan lain lain.

Selamat Mencoba!