Cara Membuat Related Post di Bawah Postingan - Hallo sahabat Mudahnya Belajar Youtube bagi Pemula , Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Related Post di Bawah Postingan, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Artikel Terkait, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Related Post di Bawah Postingan
link : Cara Membuat Related Post di Bawah Postingan

Cara Membuat Related Post di Bawah Postingan

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

Seperti inilah hasilnya (mirip)

Tidak perlu berlama-lama lagi, langsung saja simak 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/AVvXsEgFt-1xabJ96nzjuRdfs8kk2h2Lvv-ooMrZRgIMe8BPxAO6ZOmnuqVDfdWlGFgyGh2p6EqCwiXdzpp95-3-VqoD-ZHogJd5sa4ZfExpSSmsjLUOWOind2HPFdpJBQmg2MaZVihW9IlROIw/") 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 kode berikut : <data:post.body/>, Sudah ketemu belum kode itu, kalau sudah ketemu, letakkan lagi kode di bawah ini (copy) tepat di bawah kode <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, lalu simpan template blog anda.
6. Lihat hasilnya seperti 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.

Demikianlah Artikel Cara Membuat Related Post di Bawah Postingan

Sekianlah artikel Cara Membuat Related Post di Bawah Postingan kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Related Post di Bawah Postingan dengan alamat link https://sembronojualan.blogspot.com/2013/02/cara-membuat-related-post-di-bawah.html

Tweet