Rabu, 22 Agustus 2012

Cara Membuat Fungsi 'Scroll' Pada 'Popular Post' di Blogger

Logo Blogger
Blogger
Anda mungkin pernah bertanya-tanya mengapa pada sebuah blog di kolom arsip atau popular post, dan yang lainnya terdapat 'Scroll' sedangkan di blog anda tidak begitu. Padahal anda sangat memerlukannya untuk mempercantik blog anda dan membuat lebih simple tidak terlalu panjang. Hal yang dapat anda lakukan adalah dengan cara menyunting kode html di blog anda.

Gunakan kode berwarna merah dibawah ini sebagai pengganti kode html default anda. Misalkan anda akan membuat kolom arsip menjadi mode scroll, maka carilah kode html di bawah ini dalam blog anda :
<div class='widget-content'>
  <div id='ArchiveList'>
Gantilah yang berwarna merah dengan kode ini :
<div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:300px'>
 Caranya adalah sebagai berikut (saya menggunakan antarmuka blogger yang baru) :

  • Masuk ke blogger anda, kemudian masuk ke bagian 'Template'.
  • Kemudian masuklah ke bagian 'Edit HTML', maka akan ada peringatan, pilih 'Lanjutkan'.
  • Kemudian centang kolom 'Expand Template Widget'.
  • Cari kode diatas, dengan cara copy kode diatas kemudian 'Control+F' dan paste pada kolom pencarian di browser anda.
  • Maka anda akan menemukan kode tersebut (Dalam hal ini saya membahas arsip).
  • Anda dapat mengatur tinggi kolom widget dengan cara mengganti "300px" sesuai keinginan anda.
  • Setelah selesai, klik 'Simpan Template'.
Untuk widget lainnya cobalah anda cari kode 'widget-content' dan lihat dibawah atau kode tersebut, biasanya menuliskan widget yang dimaksud dan anda dapat menggantinya setelah menemukan widget yang hendak anda jadikan scroll di widget tersebut.

Selamat mencoba dan semoga bermanfaat.


EmoticonEmoticon