Warung Bebas

Jumat, 29 April 2011

Cara Membuat Scroll Pada Daftar Isi Blog


Mendapat beberapa pertanyaan dari beberapa sahabat tentang bagaimana membuat scroll pada daftar isi blog, maka akan sedikit saya bahas disini. Tips ini hanya berlaku jika daftar isi blog yang sobat pasang adalah default dari widget blogger.

Selain untuk daftar isi blog, tips ini bisa anda terapkan pada Entri Populer dan widget lainnya seperti Daftar Sahabat, Reent Comment dan lainnya. Yang penting sobat harus memasukkan coding berdasarkan label html widget sobat.

OK...mari kita buat scroll pada widget yang diperlukan

Arsip Blog

1. Login ke blogger sobat.
2. Masuk ke Rancangan terus pilih Edit HTML
3. Tekan Ctrl+ F lalu cari kata - kata ]]></b:skin>
4. Selanjutnya letakkan coding berikut diatas kode ]]></b:skin>

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

5. Simpan dan silakan test

Entri Populer

Sama seperti langkah diatas, cuma sediit perbedaan coding,masukkan coding berikut

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

Untuk coding widget yang lain tinggal ganti aja nama html widget PopularPosts1 dengan nama widget yang ingin di scroll.

OK...sob, silakan dicoba

0 komentar em “Cara Membuat Scroll Pada Daftar Isi Blog”

Posting Komentar