Cara Menciptakan Related Post Di Bawah Postingan

BOS TUTORIAL - Cara Membuat Related Post di Bawah Postingan. Melanjutkan goresan pena saya mengenai Cara Membuat Related Post Pada Blog, maka postingan ini akan berisikan wacana Cara Membuat Related Post di Bawah Postingan.

Seperti inilah karenanya (mirip)

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

Cara Membuat Related Post di Bawah Postingan
1. Bukalah akun blogger anda dengan tenang dan tenang sejahtera.
2. Pilihlah Elemen Template. Lalu Pilit Edit HTML, jangan lupa centang Expand Template Widget <<<== cara edit html lawas.... lewati langkah ini / pribadi lakukan langkah no 3 yah... (update)
3. Carilah instruksi </head> (Gunakan Ctrl+F untuk mempermudah pencarian), sesudah anda menemukannya, letakkanlah instruksi javascript di bawah ini (Copy) persis di atas instruksi </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/AVvXsEhAhlTp3zQziO4jsNi6K5MxEQyg6Cdgzzo4jXUbw6pwWcacyzo2GhjofkBKSrk5tiplUDoBZBiy4Ty4EAIo-R41aMyhugL7TNamSHf7Iq3AnoVDCEa3MflzWbc4bi3Lory4q-cfP77y4Yo/") 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. Aplagi cara no 3 diatas sudah anda lakukan, selanjutnya cari lagi instruksi berikut : <data:post.body/>, Sudah ketemu belum instruksi itu, kalau sudah ketemu, letakkan lagi instruksi di bawah ini (copy) sempurna di bawah instruksi <data:post.body/> (pastekan)

<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, kemudian simpan template blog anda.
6. Lihat karenanya menyerupai apa.

Catatan :
Kode <data:post.body/> mungkin anda akan temukan banyak, pilih saja satu, tidak apa-apa kok anda coba-coba yang penting anda paham.

Ok, demikian tutorial mengenai Cara Membuat Related Post di Bawah Postingan kali ini. Selamat mencoba. Salam Sukses.

Tweet

Subscribe to receive free email updates: