Cara Membuat/Memasang Related Articles atau Artikel Terkait di Blog

Cara Membuat/Memasang Related Articles atau Artikel Terkait di Blog - Pengertian Related Post atau Artikel Terkait adalah posting atau artikel yang berhubungan dengan artikel lainnya berdasarkan atas kesamaan nama kategori atau label postingan. Pertanyaanya bagaimana cara membuat related post atau artikel terkait ?. Silahkan simak !

Cara Membuat Related Post di Bawah Postingan

1. Bukalah akun blogger anda dengan tenang dan wolles.

2. Pilihlah Template. Lalu Pilih Edit HTML,

3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), lalu copy kode javascript dibawah ini dan paste kan tepat diatasnya

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHaKOye52-W1QjlsLPs7d4NRg39z_XzketclUrKrFukbokKS4FslQw6Pk3Bkw5B-MuJK00h6ov2Y95K38A8jRk4STmKx3JP1hYVf9kxsrGVenUtsaWM09dFckScU7R74FyklAfFmtbbo/") 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://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

4. Selanjutnya cari lagi kode berikut : <data:post.body/>, jika sudah ketemu, copy kode javascript dibawah ini dan paste kan dibawah <data:post.body/>

<br/><br/><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>

5. Setelah selesai, lalu simpan template blog anda.
6. Lihat hasilnya seperti apa.

Contohnya seperti gambar dibawah ini:


Catatan :

Kode <data:post.body/> mungkin anda akan temukan banyak, pilih saja satu, biasanya berada paling akhir.

Demikian Cara Membuat/Memasang Related Articles atau Artikel Terkait di Blog. Semoga bermanfaat.

Tweet