Minggu, 13 Maret 2011

Membuat scroll pada label Arsip blog ataupun widgeates lainnya


scroll itu adalah sesuatu yang bisa ditarik ke atas dan ke bawah, seperti pada halaman utama blog ini. Atau Pada arsip  di blog ini maupun NEW dan Blogger ter'buwel, Yang mana widgets2 tadi adalah widgets yang berupa bawaan dari blogger atau blogspot. Atau bisa juga widget2 lainnya yang memang pengin diberikan scroll...

Dan Langsung ke cara membuatnya yaitu

Pertama-tama kita Sign in seperti biasa di blogger rekan-rekan
lalu Ke Tata letak---> terus ke Edit Html
Cari Kode-kode  gunanya untuk melihat kode yang akannya kita ambil

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

setalah kita dapat, cari nama widgets yang akan anda beri scroll.
kal di artikel ini saya yang di beri scrollnya untuk Arsip Blog, maka kodenya kira-kira seperti ini

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

Nah kode id yang nanti di pakai untuk Arsip blog ini adalah BlogArchive1
 Kemudian Pastekan script dibawah ini di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

seperti gambar ini

Kemudian simpan Templete.
Nah kalo berhasil nggak akan Error, dan Arsip Blog kita akan terscrollkan.
Seperti ini
Cara ini bisa juga untuk membuat scroll pada yang berwana kuning, Seperti contoh script diatas (script no 3) jika kita ingin mengganti atau yang lain yang kita masukan, maka kita tinggal mengganti kata BlogArchive1 pada script tersebut dengan scrip yang lain contohnya pada label1.
Sedang Untuk tinggi scroll bisa diatur sesuai selera yang kalo yang diatas itu tulisan 200px(sesuaikan ke inginan anda)


itu yang saya bisa tentang scroll.

Terimakasih.............................

Tidak ada komentar:

Posting Komentar