Kumpulan informasi unik, menarik, dan bermanfaat dari berbagai sumber~!!

Fans Page

Twitter  Twitter  Google+ Yahoo

Sabtu, 10 Agustus 2013

Cara Membuat Scroll Pada Widget Blog

Cara Membuat Scroll di Widget Blog
Scroll pada widget memang hal yang bagus jika dipasang pada blog sobat dan ini Cara Membuat Scroll Pada Widget Blog. Selain agar widget sobat tidak terlalu memerlukan tempat yang luas, tampilan blog kita juga akan terlihat rapih.
Cara memasangnya juga tidak susah kok sob. Ikuti langkah-langkahnya.
  • Widget tanpa kode HTML/Javascript.
Pertama kita harus tahu nama widget yang akan kita beri scroll sob. Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat nama widget, lihat pada gambar di bawah ini nama widget-nya adalah PopularPosts1.
Cara Membuat Scroll di Widget Blog
Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Jangan lupa centang pada bagian kotak Expand Widget Template.
Lalu sobat cari kode di bawah ini, agar lebih mudah sobat gunakan tombol ctrl+F.
]]></b:skin>
Masukan kode berikut tepat di atas kode ]]></b:skin>.

#PopularPosts1 .widget-content{

height:230px;

width:auto;

overflow:auto;

}


nb: ganti tulisan berwarna merah dengan kode widget yang akan sobat beri scroll

Cara Membuat Scroll Pada Widget Blog

Terakhir, Save dan lihat hasilnya.

  • Widget dengan kode HTML/Javascript.
 Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1pxsolid #999999;">
"kode widget"
</div>
Kode berwarna biru adalah kode tambahan untuk menambahkan scroll. Masukan kode Html widget pada tulisan berwarna merah. Dan sobat dapat menyesuaikan ukuranya pada kode berwarna hijau.

Terakhir, klik Simpan dan sobat lihat hasilnya
Demikian Cara Membuat Scroll Pada Widget Blog semoga bermanfa'at Sobat DS .

Tidak ada komentar :

Posting Komentar

Saya hanyalah manusia biasa, yang tidak lepas dari kekurangan, untuk itu, Saya mengharapkan, Kritik dan Saran Anda di form KOMENTAR dibawah ini, untuk memperbaiki kekurangan yang ada.

Sebagai pribadi yang BAIK, kita harus membudayakan kata-kata yang sopan, baik berupa Kritik atau Saran. Terimakasih :)~