Cara Membuat Related Post(Postingan

Terkait)
Share this article :

Mendengar perkataan Related Post saya yakin para sahabat blogger sudah tahu maksudnya.
Tetapi masih banyak juga yang memiliki blog dan tidak membuat related post pada
postingnya. Hal ini tentu saja akan merugikan blog itu sendiri, mengapa saya katakan
demikian ?? Karena dengan adanya related post atau artikel terkait di setiap postingan, tentu
saja ini akan memberikan backlink kepada posting yang lama dan visitor bisa mengunjungi
postingan tersebut walaupun sudah lama dipublish. Bagaimana sobat, anda ingin tahu Cara
Membuat Related Post/Postingan Terkait? Silahkan baca dan terapkan step-step nya:

Langkah-langkah Membuat Related Post

1. Login ke Blogger.com --> Design --> Edit HTML
2. Lalu tandai kotak kecil Expand Widget
3. Lalu cari kode <data:post.body/> jika menemukan banyak kode tersebut, gunakan kode
yang ke-2
4. Copy-paste kode berikut di bawah kode <data:post.body/>

5. Kemudian cari kode ]]></b:skin>

6. Copy-paste code CSS berikut ini tepat diatasnya
.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/005.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;}

Terakhir klik Save/Simpan

KETERANGAN:
*ARTIKEL TERKAIT,bisa Anda ganti sesuai keinginan...misal:Related Post,Baca Juga,dll
*maxNumberOfPostsPerLabel = 50; adalah jumlah posting atau artikel terkait yang ingin di
tampilkan *maxNumberOfLabels = 3; adalah jumlah label terkait yang ingin ditampilkan
*background-color: #F2F2F2; adalah warna background kotakan(bisa anda ganti sesuai
keinginan)
*background-color: #EFFBEF; adalah warna background waktu disorot kursor(bisa diganti
sesuai keinginan)
*http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png adalah icon didepan
link(bisa diganti sesuai keinginan,usahaka size gambarnya kecil)