Cara Menciptakan Artikel Terkait Yang Keren Di Bawah Postingan Blog

artikel terkait sangan manis untuk kita pasang di blog karna dengan adanya artikel terkait pada blog pengunjung sanggup betah di blog kita!
kalau ada yang tertarik silakan ikuti langka-langka berikut:
screenshotnya seprti ini:

1.seperti biasa Login ke blog teman > design >edit HTML
2. Lalu cari aba-aba <data:post.body/> kalau menemukan banyak aba-aba tersebut, gunakan aba-aba yang ke-2
3. Copy-paste aba-aba berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <p style='font-style:bold;'> ARTIKEL TERKAIT:</p> <div class='rbbox'> <div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'> <div id='albri'/> </div> </div> </b:if>

5. Kemudian cari aba-aba ]]></b:skin>
6. Copy code CSS berikut ini sempurna diatasnya ]]></b:skin>

.rbbox{border: 1px solid #000000;padding: 5px; background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: #EFFBEF;} .rbbox ul li { display : block; background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/007.png) no-repeat 0px 0; margin-left : -10px; padding-top : 0; padding-right : 0px; padding-bottom : 1px; padding-left : 20px; margin-bottom : 5px; line-height : 1em; border-bottom:1px dotted #cccccc;}

7. Save/Simpan

Ket :

• artikel terkait ,bisa Anda ganti sesuai keinginan...misal:Related Post,Baca Juga,dll

• maxNumberOfPostsPerLabel = 50; ialah jumlah posting atau artikel terkait yang ingin di tampilkan maxNumberOfLabels = 3; ialah jumlah label terkait yang ingin ditampilkan *background-color: #F2F2F2; ialah warna background kotakan(bisa anda ganti sesuai keinginan)
• background-color: #EFFBEF; ialah warna background waktu disorot kursor(bisa diganti sesuai keinginan)
• http://i1237.photobucket.com/albums/ff469/indolaron/icon/007.png ialah icon didepan link(bisa diganti sesuai keinginan,usahaka size gambarnya kecil)