AsalSuka: Membuat Related Post (versi 4)

Seperti biasa pada posting-posting sebelumnya mengenai membuat Related Post (artikel terkait) versi 1, 2 dan 3, saya tidak akan menjelaskan panjang lagi tentang apa itu related post,dan kegunaannya..
Saya membuat posting Related Post ini banyak versi, karena menurut pengalaman otak-atik yang saya lakukan dari penerapan ke-3 posting sebelumnya. Ada yang berhasil tetapi ada juga yang tidak berhasil (mungkin saya kurang teliti). Saya membuat posting yang ke-4 ini karena diantara ke-3 posting sebelumnya saya kurang suka..(hehehe ^^)..
Sob, ngak usah panjang lebar lagi. Langkah-langkahnya masih sama seperti biasa:
1. Login ke Blogger

2. Klik rancangan, Edit HTML dan jangan lupa centang kotak Expand Template Widget.

3. Kemudian cari kode ini ]]></b:sikn> dan paste kode dibawah diatas kode ]]></b:skin>

5. Cari kode <head> dan paste kode dibawah ini diatas kode <head>

#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 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
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/AVvXsEhQC7E23bcD4vq2D2dws_DoU1oV9mRr49EY7AZMKN74RXaRu6ZjMBbfOZWGFH9ZWp1IT9rfFGmB65Bg0hZsgduzhT1qHobb5bhi-IWXivV2MVx55Lm6APtTqMXeWOY_kkbVjQ78BKSzBHg/s400/listarrow.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

6. Cari kode <data:post.body/> *) dan paste kode dibawah ini diatas kode <data:post.body/>

7. Simpan Template dan lihat hasilnya

Posting ini merupakan rekomendasi saya (saya menggunakan yang ini)

Semoga dapat membantu anda ^^...

Terima kasih sudah berkunjung...
Happy Blogging ^^......

AsalSuka

Pages

Membuat Related Post (versi 4)

Google Translator

Info dan Statistik