Cara Membuat Scroll Pada Widget di Blog

Fahri's Blog -  Cara mudah membuat scroll pada blog - Mungkin bagi pro blogger membuat scroll pada blog adalah hal yang mudah. Memang benar,tapi kali ini saya mau berbagi bagi para newbie yang baru saja mulai dunia blogging. Apakah sebenarnya fungsi scroll tersebut?? Fungsinya sederhana sekali,hanya menghemat tempat. Jadi ketika kalian membuka arsip blog atau yang lainnya tidak memakan banyak tempat. Coba bayangkan jika kalian mempunyai artikel 1000,tapi tidak memakai scroll pada blog. Kali ini saya mau berbagi tips cara membuat scroll tersebut. Berikut langkah-langkahnya:

1.    Login di www.blogger.com

2.    Pilih Template - Edit Html - Lanjutkan 

3.    Centang kotak kecil yang ada pada bacaan Expand Template Widget

4.  Lalu cari kode seperti ini <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

5.   Cari kode ini  ]]></b:skin>,untuk memudahkannya ketika Ctrl+f lalu copy kode tersebut

6.    lalu letakkan kode di bawah ini di atas  ]]></b:skin>

           #BlogArchive1 .widget-content{

           height:250px;

           width:auto;

           overflow:auto;

           }

            

NOTE:

Kode pada warna biru kamu bisa ganti sesuai widget yang ingin kamu buat scroll,sebagai contoh di  atas widget untuk BlogArchive/Arsip blog. Ingat!! kode yang bewarna biru tersebut harus sesuai dengan yang ada pada kode template blog sobat. Untuk lebih jelas bisa liat gambar di bawah ini.

Sekian cara membuat scroll di blog yang dapat saya sampaikan, ika ada yang kurang jelas bisa ditanyakan di bawah. Semoga bermanfaat ^^

Tweet

Subscribe to receive free email updates: