Related posts atau artikel terkait yaitu berfungsi untuk menautkan ke artikel lain agar pengunjung melihat dan membuka artikel yang lain, sehingga pengunjung akan betah berlama-lama di blog kita.Pada pembuatan template agar SEO friendly pun juga sangat disarankan menggunakan related post atau artikel terkait ini.Nah, Kalau pengunjung blog kita banyak rangking alexa pun juga naik, ya gag??
Pada related post ini akan menampilkan artikel dengan label yang sama pada artikel yang dibaca.
Langkah-langkah untuk membuat artikel terkait sebagai berikut :
1. Silahkan login ke blog sobat
2. Pada halaman dasbor pilih Rancangan >> Edit HTML
3. Centang expand template widget
4. Cari kode </b:template-skin>
5. Letakkan kode dibawah ini dibawah </b:template-skin>
<!-- Related Posts with Thumbnails Code Start-->
<span class='post-labels'>
<b:if cond='data:post.labels'>
<img alt='Comments' height='18' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUi20vtN8skkV1IDaw8n4a9q7eVRziXISzJTWBGyiVvd_kDsOL9nMVKxi95W00PZcZpEKLjCn11jnXBSBN-gTZuK7f4wO5r47D77Cvuh-8xiVewXLKBkNVHuAwv70CVMKmDKy8LGmVo4w/s1600/folder.png' style='margin-bottom: -5px; margin-left: 0px;' width='18'/>
Posted in:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->
<span class='post-labels'>
<b:if cond='data:post.labels'>
<img alt='Comments' height='18' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUi20vtN8skkV1IDaw8n4a9q7eVRziXISzJTWBGyiVvd_kDsOL9nMVKxi95W00PZcZpEKLjCn11jnXBSBN-gTZuK7f4wO5r47D77Cvuh-8xiVewXLKBkNVHuAwv70CVMKmDKy8LGmVo4w/s1600/folder.png' style='margin-bottom: -5px; margin-left: 0px;' width='18'/>
Posted in:
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->
6. Cari kode <div class='post-footer-line post-footer-line-2'>
7. Letakkan kode dibawah ini dibawah <div class='post-footer-line post-footer-line-2'>
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<br/><br/>
<b>Artikel Terkait :</b>
<div style='overflow:auto; width:448px; height:145px; padding:15px; border:4px double #CCCCDD;'><script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>
<!-- Related Posts with Thumbnails Code End-->
8. Simpan template
Nah, Sekian artikel tentang cara memasang related post atau artikel terkait pada blog,, Semoga bermanfaat bagi sobat semua.. ^_^
DiPosting Oleh : pakbendot.com ~ Pakbendot.com
Artikel Cara membuat Related Posts | artikel terkait dibawah posting ini diposting oleh pakbendot.com pada hari Selasa, 31 Januari 2012. Terimakasih atas kunjungan Anda, serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.Wassalam..
0 Comments
:a:
:b:
:c:
:d:
:e:
:f:
:g:
:h:
:i:
:j:
:k:
:l:
:m:
:n:
:o:
:p:
:q:
:r:
:s:
:t:
:u:
:v:
:w:
:x:
:y:
:z:
:ab:
