Cara Membuat Scroll pada Widget (Label, Arsip, dll) di Blogspot

Langsung ke Pembahasan (Biar Gak banyak Cerita) :

 

1. Sign in di www.blogger.com

2. Ke Design atau Tata letak terus klik Edit Html

3. Cari Kode:

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

<b:widget id='HTML4' locked='false' title='Blog Stats' type='HTML'>

<b:widget id='HTML11' locked='false' title='Daftar Isi:' type='HTML'>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>

<b:widget id='HTML6' locked='false' title='etc.' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

4. Intinya cari nama widgets yang akan anda beri scroll.

Misalnya ingin memberi scroll untuk Label, maka kodenya kira2 seperti ini

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

Jadi kode id yang nanti di pakai untuk Label ini adalah Label1

5. Kemudian Paste-kan Kode dibawah ini di atas kode ]]></b:skin>

#Label1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Kemudian Simpan Templete.

Refress halaman Web kamu dan Lihat hasilnya. Contohnya silahkan klik/kunjungi http://musik0nline.blogspot.com

Cara ini juga bisa untuk membuat scroll pada Arsip Blog atau Widgets lainnya. Seperti contoh script diatas (script point 3) Contoh kita akan memberi Scroll pada Arsip Blog, yang mengambarkan id Arsip Blog yaitu BlogArchive1, maka kita tinggal mengganti kata Label1 pada script point 5 (yang berwarna biru) dengan Kata BlogArchive1. Sedang Untuk tinggi scroll bisa diatur sesuai selera anda (ganti kode yang berwarna merah), yang kalau seperti yang diatas itu tulisan 200px.

Baca selengkapnya »

Posted in: Blog,Tips and Trick