Cara Memasang Artikel Terkait

Untuk menambah agar pengunjung lebih betah adalah dengan memasang related post diakhir tulisan posting kita, agar pembaca dapat melihat artikel yang berkaitan dengan post tersebut.

Banyak sekali tutorial yang mengangkat tema ini, kali ini saya juga posting related post dengan modifikasi scroll, sehingga tidak memakan tempat dan enak dilihat.

Sebelumnya anda backup template anda dengan mendownloadnya, ini untuk berjaga-jaga kalau tidak berhasil anda dapat mengembalikan template asli anda.

Beri tanda centang pada Expand Template Widget.

Silahkan adan cari kode berikut dalam html anda
]]>
(gunakan tomblo Ctrl + F untuk pencarian)

Diatas kode tadi (pada nmr 4) taruh kode ini: /* Related Post */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;
font-size:small;
color:#cc6600;
background:#f1f1f1;
clear:both;
float:left;
width:450px;
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}
#underpost h2{
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:large;
color:#003300;
margin-bottom:5px;
border-bottom:1px solid #cccccc;
padding:0 0 5px;
}
#underpost a,#underpost a:link,#underpost a:active,#underpost a:visited{
color:#cc6600;
text-decoration:none;
}
#underpost a:hover{
text-decoration:underline;
}
#artikel-terkait{
overflow:auto;
width:auto;
height:200px;
padding:10px;
}

Langkah selanjutnya cari kode berikut

Kemudian letakkan kode berikut dibawah kode tadi (nomer 6)

Artikel Menarik Lainnya

Terakhir simpan dan lihat hasilnya, untuk mengembalikan template seperti semula silahkan upload kembali template asli anda yang telah anda download pada awal tadi.

Salam ..
Follow @PasukanGombal