Sabtu, 07 Desember 2013

Cara Membuat Related Post di Blog

Cara Membuat Related Post di Blog - Berikut admin ingin berbagi bagaimana cara membuat / memasang related posts atau juga disebut dengan cara membuat artiket terkait pada blog. Letak pemasangan related posts atau artikel terkait ini adalah dibawah postingan blog. Seperti pada gambar dibawah ini :

cara pasang atau membuat related post atau artikel terkait pada blog
Related Post atau Artiket Terkat dibawah postingan

Langkah cara membuat Related Posts atau cara membuat Artikel Terkait adalah sebagai berikut :
1. Buka dashboard blogger sobat
2. Buka Templatenya
3. Cari kode </head> , agar memudahkan pencarian gunakan CTRL+F isikan </head> dan enter
4. Copy kode dibawah ini dan letakkan tepat diatas 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("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/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://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>

5. Copy kode dibawah ini dan letakkan tepat dibawah kode <data:post.body/> atau <div class='post-body>

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

6. Preview terlebih dahulu dan jika tidak terjadi error langsung bisa disave.

Selamat mencoba dan terima kasih.
Untuk trik atau tips blogger lainnya bisa sobat klik di sini .

5 comments


EmoticonEmoticon