Cara Membuat Scroll pada Widget


Assalamualaikum Wr. Wb.
Pada kesempatan kali ini Bang Dayat akan share Cara Membuat Scroll pada Widget, setelah sebelumnya saya telah share Cara Membuat Scroll Bar pada Postingan Blog, tutorial ini sudah tidak asing lagi bagi para blogger karena selain mengefisienkan tempat bisa juga memperindah blog agar lebih kelihatan rapi. Mari simak tutorial pembuatannya berikut.

  • Loggin dahulu ke blogger
  • Masuk rancangan -> Edit HTML
  • Download dahulu template lengkap (*untuk menghindari kesalahan) 
  • Cari kode ]]></b:skin>, lalu Letakkan kode berikut tepat diatas kode ]]></b:skin>
#Id Widget .widget-content{
height:170px;
width:auto;
overflow:auto;
}
  • Cari Judul Widget yang ingin anda buat scroll (*gunakan CTRL+F),
gunakan huruf besar pada awal kata dalam pencarian judul widget, jika judul widget anda memang menggunakan awalan huruf besar.
  • Jika sudah ketemu, lihat di bagian depan judul widget anda, maka anda akan menemukan Id widget tersebut. (*Lihat contoh dibawah, saya akan membuat scroll pada widget Categories).
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
Keterangan :
  • Warna Merah adalah Id Widget anda.
  • Warna Biru adalah Judul Widget yang ingin anda buat scroll.
  • lalu copas Id widget tersebut dan ganti tulisan yang berwarna merah pada kode yang telah anda letakkan diatas kode ]]></b:skin> dengan Id widget anda.
  • Kemudian simpan template anda, Selesai.
Sekian tutorial tentang Cara Membuat Scroll pada Widget, semoga tutorial ini bermanfaat bagi kawan-kawan blogger sekalian. Salam Bang Dayat.


Related Posts:

  • Menyembunyikan KomentarKali ini saya akan berbagi tips untuk menyembunyikan komentar pada artikel agar para pembaca artikel tidak bisa berkomentar ke isi artikel.. Cukup sedikit jahat juga tetapi tak mengapa. Ok langsung ke TKP !!Berikut langkah-la… Read More
  • Cara Membuat dan Memasang Flag Counter di BlogFlag Counter VisitorSalam ceria sobat blogger, dalam pembahasan kali ini, saya akan membahas cara pasang flag counter di blog tapi saya khusus kan untuk para blogger di MWB (mywapblog), kenapa MWB ? karena buktinya banyak b… Read More
  • Cara Membuat Fungsi Scrool Pada Komentar Pada BlogPada Postingan kali ini saya akan membahas tentang Cara Membuat Fungsi Scrool Pada Komentar Pada Blog berguna untuk memperpendek kotak komentar, sangat diperlukan, dalam rangka menghemat ruang template anda agar tidak terla… Read More
  • Membuat Komentar Facebook di BloggerOk.. Langsung ke TKP tidak usah berbelit-belit.. hahahaha..Berikut langkah-langkah yang harus kalian lakukan:Login facebook andaKunjungi http://www.facebook.com/developers/createapp.phpBerikan nama aplikasi yang akan dib… Read More
  • Memperbaiki Eror HTML BloggerBanyak diantara kita masih sangat kurang memperhatikan eror dari HTML Blogger. Hal inilah yang sedikit membuat load blogger kita akan sedikit terhambat. Kali saya akan berbagi tips mengurangi eror HTML blogger yang cukup fare… Read More