Cara Membuat Fungsi Scroll Pada Blogspot

Jumat, 05 November 2010

1. Sign in ke Blogger dengan ID anda,

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 mau beri scroll.
Misalnya ingin memberi scroll untuk Label, maka kodenya kira-kira 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 dengan Kata BlogArchive1. Sedang Untuk tinggi scroll bisa diatur sesuai selera anda (HEIGHT:Sesuai selera anda), yang kalau seperti yang diatas itu tulisan 200px.

Semoga bermanfaat………

0 komentar:

Posting Komentar