Demo Blog

Cara Membuat Scroll Pada Widget

by Doni Masrul >>> Tutorial

Agar widget blog anda tidak memakan tempat, anda bisa membuat scroll pada widget tersebut. Nah, previewnya seperti ini.




Nah, begini cara membuatnya:

  • Login ke Blogger.

  • Tuju Tata Letak > Edit HTML.

  • Backup dulu templatenya.

  • Cari kode seperti ini.


<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'/>


Nah, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.

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

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.

Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.

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

Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.

Related Post :



1 komentar Baca Selengkapnya...

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Doni Masrul'blog

Dapatkan info terbaru via Facebook Silahkan klik LIKE / SUKA

Powered By Blogger Widgets and Komputer dan Internet