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:

  • Cara Membuat Disable klik Kanan di BlogPada kesempatan kali ini Bang Dayat akan share Cara Membuat Disable klik Kanan di Blog, setelah sebelumnya saya telah share Cara Membuat Comment Box dengan Avatar, sebenarnya saya sudah pernah posting tutorial ini tetapi tida… Read More
  • Cara Membuat Scroll pada WidgetAssalamualaikum 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 … Read More
  • Cara Membuat Banner Animasi OnlineSelamat malam kawan-kawan semua, pada kesempatan kali ini Bang Dayat akan share Cara Membuat Banner Animasi Online, setelah sebelumnya saya telah share Cara Menambahkan Add Gadget diatas/bawah Header, kemarin saya mencari-… Read More
  • Cara Membuat Scroll Bar pada Postingan BlogAssalamualaikum Wr. Wb.Selamat berjumpa lagi kawan-kawan semua, pada postingan kali ini Bang Dayat akan membahas tutorial ringan tentang blogger yaitu Cara Membuat Scroll Bar pada Postingan Blog, kenapa saya share tutorial … Read More
  • Cara Membuat Comment Box dengan AvatarPada kesempatan kali ini Bang Dayat akan share Cara Membuat Comment Box dengan Avatar, setelah sebelumnya saya telah share Cara Membuat Scroll Bar pada Widget, tutorial ini sudah tidak asing lagi bagi para blogger karena seba… Read More