Cara Memasang Artikel Terkait (Related Post)

Pagi sobat, sambil begadang sama my friend saya daripada nganggur bosen maen game lebih baik posting artikel yang mungkin sedikit bermanfaat bagi anda, kebetulan saya juga baru pasang artikel terkait ini atau sering juga dinamakan Related Post. Artikel terkait ini meskipun kelihatan sepelle tentunya sangat penting untuk keberadaannya pada suatu blog, selain bermanfaat bagi Optimisasi Search Engine (SEO), Related post ini sangat berperan untuk memudahkan pengunjung memilih artikel kita yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung. Si pembaca lebih lama untuk menelusuri blog kita. Yang tentu artikel terkait dibawah posting akan berperan sebagai professional blog kita.

Berikut cara memasang artikel terkait (Related Post) dibawah postingan blog:

Seperti biasa.

• Login blogger => Rancangan/Template => Edit HTML, jangan lupa centang Expand Widget template.
• Kemudian cari script </head> (gunakan CTRL+F untuk memudahkan mencari script tersebut).
• Copy dan pastekan script dibawah ini sebelum atau diatas script </head>

<style> #related-posts { float : left; width : auto; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirrPk5SoLiJE85AcAfQyqIr5ZzUtlIz71tzESkBewwC9hr3AwT62MHkf7rqdNxYwN0zKgqnwVSB_SGq9IgJvvy2p4e6-7VnLs5CG-cuOLnNn2e4xJs4bLDZpfPxxfwattZopRwHmvviTk/s16/logo.png&quot;) 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://related-project.googlecode.com/files/artikel%20terkait.js' type='text/javascript'/>

• Cari script <data:post.body/> jika script tersebut terdapat 3 (tiga) kode, pilih yang ke 2 (dua).
• Letakan script dibawah ini tepat dibawah script  <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Artikel Terkait:</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>

• Terakhir Save Template anda dan lihat hasilnya. Mudah bukan? :)

Catatan: Untuk mengganti icon sesuai dengan selera anda ganti script yang berwarna biru dengan icon URL anda.

Information Article:
Rating: 5
Description: Cara Memasang Artikel Terkait: Rezza Indra Rahayu
Itemreviewed: Cara Memasang Artikel Terkait