Pages

Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain

Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain

Cara ini saya dapat waktu saya mencari kesana kemari cara membuat Scroll untuk Label Blog saya, karena label di blog saya adalah Widgets bawaanya Blogspot jadi saya bingung cara membuat Scroll untuk Label tersebut dan akhirnya dipertemukan dengan Blognya Arie Aldyno.

Temen-teman pasti sudah pada tahu apa itu Scroll dan langsung saja ke cara membuatnya:


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. Pokoknya 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'>

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

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

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Kemudian Simpan Templete.
Nah kalau berhasil nggak akan Error, dan Label akan ada Scrollnya.

Cara ini bisa juga 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.

Semoga bermanfaat