Cara Membuat Related Post Di Blog

Halo.. Selamat malam penggunjung blog sekarang saya akan membagikan Cara Membuat Related Post Di Blog.

Cara Membuat Related Post Di Blog Sangat lah mudah

Yaudah dari pada lama ngetik langsung aja ke Tutor nya oke ...

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

5. Gunakan Ctrl + F untuk mempermudah pencarian. 

6. Masukkan kode css berikut tepat atas kode </head>

<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/AVvXsEikv1cQVXMATrRVeUL5eWVPXjov-sVDcUcTRTH9EnSiPiXaX3-OVxU207cTFRv8CmVVyG2RI3-BoQAGVWXIL-VWF_aLVrcgcU8z_CNimpO75EClsUlcsS4XyJJFCfYydkPVrpEnTczkqmE/") 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://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>

7. Cari kode <data:post.body/> atau <div class='post-body>, usahakan yang berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat dibawahnya.

<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 Simpan, Lihat hasilnya.

Coba untuk Berhati hati, kemungkinan kode tidak pas..

Ayo semoga berhasil..

Sumber

Tweet