Membuat Artikel Terkait Pada Blog

Hai sobat semua, selamat datang di blog KASARONGAN. kali ini saya akan membahas tentang pembuatan releated post/artikel terkait. pemasangan fitur ini sangat membantu para pengunjung blog untuk melihat artikel lain pada blog dengan cepat dan tanpa kembali mencari satu persatu artikel, karena artikel terkait ini nantinya akan berada pada akhir postingan blog…

Biar rasa penasarannya bisa diatasi, ikuti langkah pembuatannya dibawah ini. 

Langkah-langkahnya:

• Login ke blog sobat
• Kemudian masuk ke Menu Template
• Pilih Edit HTML
• letakkan kode berikut di bawah  </head>

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; 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/AVvXsEjTJ6cROpANR2yjs2YKhgKaNlmTnXXjUl9vJ-3t04D7yddZia5daK-s39FJjPN2fFBQcj5LE8H-t8nmfnsSSZsT3YeGhnxINF6abeYFCw_sJ6eZwC37g5LNmgWcLhEFYYPJtyWz05MxCe8/&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://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

• kemudian cari <data:post.body/> lalu pasang kode berikut di bawahnya.

<b:if cond='data:blog.pageType == "item"'><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>

• Jika peletakan script sudah dilakukan, langsung save aja...dan lihat hasilnya

Semoga artikel ini bisa bermanfaat buat sobat semua dan bisa menambah kreasi dalam blog..salam blogger....