Topics :
Home » » Cara Membuat dan Memasang Related Post pada Blog

Cara Membuat dan Memasang Related Post pada Blog

Ungkit - Cara Membuat dan Memasang related post pada Blog. Related Post sendiri adalah Artikel terkait yang berfungsi langsung menghubungkan dengan postingan yang sedang dibaca oleh Pembaca Blog kita. Atau dengan kata lain Related Post adalah artikel yang direkomendasikan oleh pemilik blog kepada pembacanya untuk lebih banyak membaca artikel yang terkait dengan post tertentu yang sudah kita buat.


Berikut Cara Membuat dan Memasang Related Post:

1. Yang pasti Login dulu di blogger.com.
2. Klik Rancangan » Edit HTML 
3. Back up template lama Anda agar jika gagal, tidak merusak tampilan blog.
4. Klik "Expand Template Widget", biar Aman dan bisa dibersihkan hasil Edit kalo tidak jadi
5. Gunakan Ctrl + F untuk mempermudah pencarian.
6. Carilah Kode  </head>
6. Kemudian Masukkan Kode  berikut dan Letakkan tepat DIATAS kode </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("http://1.bp.blogspot.com/-MdK_HE-8LR8/T8Dw9Nzau6I/AAAAAAAABQM/EHAoPvg5pbc/s1600/rss.png") 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/0542826181/ttm.txt.js' type='text/javascript'/>


7. Cari kode <data:post.body/> atau <div class='post-body>
Usahakan kode diatas yang berdekatan dengan Post-entri
Kemudian copy code dibawah ini dan letakkan tepat DIBAWAH.

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


8. Klik SAVE

9. Lihat Hasilnya

10. Semoga Berhasil dan Semoga Bermanfaat.
Don't forget to LIKE and SHARE Guys :)

0 komentar :

Posting Komentar