Minggu, 15 April 2012

Cara Membuat Scroll Pada Widget

kali ini saya akan membahas bagaimana Cara Membuat Scroll pada Widget
Agar Widget Blog sobat tidak memakan tempat, sobat bisa membuat Scroll pada Widget tersebut. 
berikut cara membuatnya :

Login ke Blogger
Klik Rancangan  Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisanExpand Template Widget

Kemudian cari kode seperti berikut :


<b:widget id='HTML6' locked='false' title='Cari di Blog ini' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='5 Komentar Terbaru' type='HTML'/>
<b:widget id='HTML7' locked='false' title='5 Komentar Terbanyak' type='HTML'/>

cari kode Widget yang akan sobat berikan Scroll
Misalnya Arsip. Apabila judul Widget tersebut adalahArsip, maka kodenya seperti berikut :

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

Kode title adalah judul dari Widget. Apabila tidak diberi judul maka kodenya adalah title=' '
Yang harus sobat perhatikan dengan adalah kodeid='BlogArchive2'
Perhatikan pada bagian BlogArchive2 itu adalah id dari Widget Arsip Blog.

kemudian cari kode ]]></b:skin> Copy kode dibawah dan Paste di atasnya

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

Ganti bagian BlogArchive2 dengan id dari Widget yang akan di beri Scroll 
Misalnya Label atau Profil

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

0 komentar:

Posting Komentar

Blog Gw © 2008 Template by:
SkinCorner