Buat Related Post pada Blogspot

Cara Membuat Related Post di Blogspot . 

Umumnya template blogger sekarang sudah di katakan rata-rata telah memenuhi kreteria sebagai template user friendly, salah satu komponen pada template yang user friendly adalah related post, tapi berbeda dengan template  standar bawaan dari blogger, template tersebut belum di sertai dengan komponen related post sehingga anda harus menambahkan sendiri konten tersebut ke dalah template html. sudah bicara panjang lebar tapi belum tahu related post itu yang seperti apa, dan apa fungsinya untuk blog kita.

Tidak perlu berlama-lama lagi, langsung saja simak dan pelajari artikel di bawah ini. (Sekali lagi saya sebutkan, apabila template blog anda sudah menyajikan Related Post, abaikan saja ini). Sekedar berbagi saja untuk kawan-kawan.


Cara Membuat Related Post di Bawah Postingan
1. Bukalah akun blogger anda dengan tenang dan damai sejahtera.
2. Pilihlah Elemen Template. Lalu Pilit Edit HTML, jangan lupa centang Expand Template Widget <<<== cara edit html lawas.... lewati langkah ini / langsung lakukan langkah no 3 yah... (update)
3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), setelah anda menemukannya, letakkanlah kode javascript di bawah ini (Copy) persis di atas kode </head> tadi (Pastekan)

<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/AVvXsEgCvTwHv6yhcs8j8J6vW_IpPylNXNnuzk0GxfbOupyuNil06sceyXuLLsJo2ETB1e2KP_M7OJ-CFRidXpLtlrzNi5M5ZP0yroTtCcOSgPKOwlk96GdJ323JN-JlYdTGQsObW5j4zlbQEk4//") 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. apabila cara no 3 diatas sudah anda lakukan, selanjutnya cari lagi kode berikut : <data:post.body/>, kalau sudah ketemu, letakkan lagi kode di bawah ini (copy) tepat di bawah kode <data:post.body/> (jika data"<data:post.body/>" maka pastekan pada yang kedua)

<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. ( perhatikan pada bagian bawah blog tulisan Related Post :)

Ok, demikian tutorial mengenai Buat Related Post pada Blogsport kali ini. Selamat mencoba, semoga berhasil.