Cara Memasang Related Post diBawah Posting

Halo sobat Share-Tuts

Sobat Share-Tuts kali ini akan memberikan tutorial Cara Memasang Related Post diBawah Posting. Pernahkah sobat berpikir bagaimana cara membuat related post agar pembaca/pengunjung blog sobat tidak hanya membaca atau melihat posting itu yang mereka cari saja, nah kalau sobat pernah berpikir cara ini cukup bagus untuk dipraktekkan oleh sobat Share-Tuts.

Langsung saja yah sobat praktekkan caranya :

1. Sama seperti biasa sobat Login dulu ke Blogger > Rancangan (Design) > Edit HTML > Centang Pada Tulisan Expand Template Widget
2. Kemudian pasang kode berikut di bawah tag </head> 

<style type='text/css'> #related-posts { float : left; width : 100%; 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/AVvXsEiZpL0jCNfcJsWddGcutiNeo6ER48fi8sNXA4HMivaVPOY5eSVDvrGvh-XesEP_Rlm6FZUFQltf-p3twGWE1kpzdek_rLn-t3_Zwax0J4YP1RAIG2N-_sfzTVUaWV2BI3eK2nPZLT3S73U/&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'/> 

3. Jika sudah, cari <data:post.body/> (gunakan ctrl + F) lalu pasang kode berikut di bawahnya, jika ditemukan 2 buah kode, simpan di bawah kode yang ke 2

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

4. Save Template/Simpan Template.

Keterangan:

• pada tulisan warna merah di atas adalah warna tulisan dari widget ini.
• pada tulisan warna orange di atas adalah warna garis 
• Silakan ubah warna tersebutd dengan warna yang cocok untuk template Anda disini

 Mudah sekali bukan Sobat ? itu lah sedikit tutorial tentang Cara Memasang Related Post diBawah Posting.

Anda sedang membaca artikel tentang Cara Memasang Related Post diBawah Posting dan anda bisa menemukan artikel Cara Memasang Related Post diBawah Posting ini dengan url http://share-tuts.blogspot.com/2012/10/cara-memasang-related-post-dibawah.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Memasang Related Post diBawah Posting ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :