Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot

1. Login Ke Blogger
2. Kemudian masuk ke Menu Edit HTML
3. Jangan lupa "Expand Template Widget"
4. Biasakan untuk Membackup temnplate dulu ya
5. Kemudian letakkan kode berikut di bawah tag </head>

Baca Juga

• Koleksi Cerita Paling Lucu MUKIDI Terbaru dan Ter Keren
• Situs Web Penjual Mesin Bata Merah Press Terbaik Dan Terpercaya
• Video Mesin Bata Press Otomatis - Manual - Semi Otomatis Terbaru
• Tema Nokia E63 Full Icon S60v3
• Cara Hapus Pesan WhatsApp yang Terlanjur Terkirim
• Youtube Go | Aplikasi Youtube Hemat Kuota
• Tips dan trik panduan lengkap dunia blogs terbaru yang harus anda ketahui
• Cara Mudah Dan Paling Ampuh Supaya Blog Ramai Pengunjung
• Rekomendasi Situs Penyimpanan File (data) Online Gratis Terbaik
• Cara Mengatasi Mata Sakit Akibat Asap Dan Sinar Las Listrik
• Tips Cara Memilih dan Membeli PowerBank Yang Asli Dan Benar
• Cara Membedakan Produk Nokia Asli Dengan Produk Nokia Cina / Palsu
• NGERI!! INILAH JALUR KERETA API PALING MENGERIKAN DI DUNIA
• Update Lagi Koleksi Cerita Ter Lucu MUKIDI Terbaru dan Ter Update

 <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/AVvXsEgCQIYsQiAGDDl5ikhb-i5pG4YQd6FjEdd3CLMqrbQN1sf8VDUWxmbf_l_6Sjx5MYuyTeMJN8XaDxqslcuInxTAwqHN2o5HJTm9YEUeOUWv7-IiVxGNSUUaN5dYIUmmZxo9hAJFK3kLMVU/&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'/>

6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya

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

7. Terakhir Simpan template dan lihat hasilnya.

Diposting Oleh : RIFANYTOP - Admin

Judul : Cara Membuat Widget Related Post , Artikel Terkait Dengan Icon di Blogspot
Berisi tentang :
Dengan url https://rifanytop.blogspot.com/2012/11/cara-membuat-widget-related-post.html
By : RIFANYTOP - Silahkan Di Bagikan Jika sekiranya Bermanfaat, dilarang mengcopy Postingan Ini Tanpa Mencantumkan Link Sumber.