Home » » Cara membuat Related Posts | artikel terkait dibawah posting

Cara membuat Related Posts | artikel terkait dibawah posting

Ditulis Oleh Beny Setiawan pada Selasa, 31 Januari 2012

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='http://1.bp.blogspot.com/_4HKUHirY_2U/TUlLCdh4WbI/AAAAAAAAMc8/fNWAMMf4lnU/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 != &quot;true&quot;'>,</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 != &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&amp;max-results=10&quot;' 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 != &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&amp;max-results=10&quot;' 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 : Beny Setiawan ~ Pakbendot.com

Artikel Cara membuat Related Posts | artikel terkait dibawah posting ini diposting oleh Beny Setiawan 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..

:: HOME::

Share this article :
Comments
0 Comments

0 komentar:

Poskan Komentar

Silahkan Komentar dengan Baik Dan benar