Membuat Scrol pada Artikel Terkait

Pada posting sebelumnya kita membuat related post atau artikel terkait untuk mempermudah pengunjung untuk mencari artikel yang berhubungan. Namun jika dalam suatu kategori telah memiliki banyak posting, maka blog kita akan tampak terlalu memanjang dan kurang praktis. untuk itu pada posting ini saya akan memberikan code script untuk memodifikasi Related Post menjadi ringkas dengan memiliki scroll.

Langsung saja kita ikuti langkah-langkahnya:

1. Login ke akun Blogger, pilih Tata Letak, lalu pilih Edit HTML.
2. Beri tanda centrang pada Expand Template Widget.
3. Cari kode berikut (gunakan Control F atau F3):
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='related-posts'>
   atau jika tidak ada coba cari :
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='similiar'>
4. Setelah ketemu, gantikan kode <div class='related-posts' atau 'similiar'> dengan kode berikut:
   
   <div class='related-posts' style='border:1px solid #CCC; padding:10px; width:95%; height:250px; overflow:auto;'>
   atau dengan kode ini
   
   <div class='similiar' style='border:1px solid #CCC; padding:10px; width:95%; height:250px; overflow:auto;'>
5. Atur lebar (width) dan tinggi (height) sesuai keinginan kamu.
   
6. Simpan
   

SELAMAT MENCOBA
Diambil Dari Blog Tutorial

Related Posts : Artikel Terkait