Cara Membuat Related Post Di Blog

Kata Blog Juragan memasang Related Post di Blog merupakan salah satu cara agar Blog menjadi SEO Friendly.
Dengan memberi Related Post, pengunjung Blog Sobat akan lebih mudah dalam menemukan artikel terkait yang dibacanya.

Kali ini, saya akan memberikan Cara Membuat Related Post Di Blog.

Oke, langsung saja.
Begini caranya :

1.       Masuk Ke Dasbor

2.       Pilih dan Klik Rancangan

3.       Klik Edit HTML

4.       Beri tanda centang pada kotak Expand Template Widget

5.       Cari kode </head> di dalam template anda
(Gunakan CTRL + F, agar lebih mudah dalam pencarian)

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(" http://en.dinnersite.co.il/website/gfx/icons/16/beoordelingen-7.gif ") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src=’http://ubloseven.googlecode.com/files/Artikel%20Terkait.js’type='text/javascript'/>

6.       Copy kode diatas berikut dan Pastekan tepat diatas kode </head>

7.       Carilah kode <data:post.body/> atau <div class='post-body>

8.       Copy kode dibawah berikut dan Pastekan dibawah kode <data:post.body/> atau <div class='post-body>

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 

Keterangan : angka yang bercetak tebal (5) dapat Sobat ganti sesuai selera, karena itu adalah jumlah artikel yang muncul nanti.

9.       Klik Simpan Template

Mudah kan..?
Sampai disini dulu ya..
Terima Kasih.
Baca juga tentang Download SoftKey Revealer v.2.2.4.
Semoga Bermanfaat.

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).