Membuat Artikel Terkait Yang Menarik

Assalamu'alaikum warohmatuloh wabarokatuh Sobat masih ingat ketika belajar membuat related post scroling nah jika sobat berhasil ini ada code untuk menampilkan lebih bagus lagi
karena akan tampil di setiap postingan dengan image rss...kalau saya pikir hampir sama penerapan nya akan tetapi penempatan code di Tema aja yang berbeda ok langsung saja

Bagaimana Cara Membuat Artikel Terkait Yang Menarik 

1. Login ke blogger anda

2. Di Dasboard cari Tema-->Edit HTML sebelum memulai coba di Backup dulu Tema Sobat

3. sekarang cari kode </head> Biar Cepat Tekan CTRL DiTambah F Copy  code tersebut Pastekan  Di kotak Search terus Enter

4.  kalau ketemu letakkan code dibawah ini Diatas nya

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; 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/AVvXsEg1Iyp-rq46Z0o-qwrRuVADEVVNY43dHPeVzQUUtQbpH1pvtOd7PeGHnNYcDUIgQ3GlEXekFfeil7Rl4yjFXPtYltki8U7kK3aO6BaF9kK3-oy7n8LyGVKMaZBJ9mHE-XdKqDg1E_ocgHc/&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'/>

5. Cari kode <data:post.body/> yang ke dua atau satu maklum soal nya da tiga kalau g salah pokok nya sehabis Code Share

jika sudah ketemu letakkan code dibawah  ini ,dibawah nya

<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial'
size='3'><b>Artikel Terkait : </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>

REFRENSI

Master Maksum Abdulloh
cara tutorial.com

ok sobat hanya ini yang bisa saya berikan
Selamat Belajar
Alhamdulillah Catatan Sederhana Membuat Artikel Terkait Telah selesai Mohon Maaf Jika Ada Kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh

Artikel Terkait