Cara Membuat Scroll Related Post Pada Blogger

Cara Membuat Scroll Related Post Pada Blogger

Salah satu teknik agar pengunjung betah berlama-lama di blog kita adalah dengan terus memberikan informasi yang berguna kepada pengunjung. Related post dapat memberikan kemudahan kepada pengunjung dengan menampilkan artikel terkait yang ada pada blog kita. Dengan memanfaatkan related post ini, pengunjung akan betah karena biasanya juga akan tertarik untuk membaca artikel lain yang sejenis.

Pada tutorial kali ini kita akan belajar bagaimana cara membuat related post dengan fungsi scroll. Mengapa menggunakan scroll? Karena dengan adanya scroll dapat memberikan kesan rapi karena artikel tidak memanjang ke bawah semuanya namun ada batasannya.

Langsung saja cara untuk membuat related post dengan scroll adalah sebagai berikut:
1. Login blogger dengan ID Anda

2. Pilih menu “Design/Tata Letak”


3. Klik “Edit HTML”


4. Jangan lupa beri tanda centang pada tulisan “Expand Widget Templates”


5. Cari kode berikut:

6. Copas kode berikut dibawah kode tadi

cond='data:blog.pageType == "item"'>

Artikel
Terkait:

7. Kemudian copas kode berikut diatas ]]></b:skin>.

/*-----------------------------
kode related post optimal
visit http://www.ateonsoft.com
------------------------------*/
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

8. Selanjutnya copas kode berikut diatas kode