Rabu, 10 Oktober 2012

Membuat / Memberi Fungsi Scroll Pada Popular Posts / Entri Populer dan Widget Lainnya

Trik ini saya dapat ketika,saya kebingungan untuk 'Memberi Fungsi Scroll Pada Popular Posts / Entri Populer'.Menngunakan busway-nya mbah google akhirnya,ketemu juga trik ini.Walaupun,hampir 1 jam perjalanan saya tetap sabar.Dan,untuk mencoba trik ini,anda bisa ikuti panduan berikut ini :

1.Login di Blogger

2.klik Rancangan

3.Klik Edit HTML ('Expand Template Widget'Jangan di centang}

4.Kemudian Cari Judul Widget yang ingin anda beri fungsi scroll.
Ini contoh dari judul widget yang ada di blog saya :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML5' locked='false' title='Subscribe Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Your Ad Here' type='HTML'/>

yang berwarna merah itu judul widget.perhatikan saja setelah kode ini <b:widget id='
Misalnya anda ingin membuat fungsi scroll pada popular posts/entri populer maka langkahnya sebagai berikut :
pada bagian edit html cari kode ini ]]></b:skin> .Jika sudah ketemu,copy dan paste kode di bawah ini diatasnya.

#PopularPosts1 .widget-content{
height:270px;
width:auto;
overflow:auto;
}

5.simpan template dan lihat hasilnya.

KETERANGAN
Untuk membuat fungsi scrollnya pada widget yang lain,hapus saja kode yang berwarna merah dan ganti dengan judul widget yang lainnya,seperti keterangan pada no.4.
Untuk mengatur tingginya,ganti angka 270 dengan yang anda inginkan.semoga bermanfaat ya...

Tidak ada komentar:

Posting Komentar