Saturday, 4 January 2014

Cara Membuat Scroll pada Widget Blog


Membuat Scroll pada Widget Blog bertujuan agar para pengunjung kita tidak terganggu dengan widget widget yang begitu panjangnya, semisal widget Recent Comment (widget yang berisi komentar komentar pengunjung kita) widget ini terkenal dikalangan para Blogger dan bisa dibilang widget ini cukup panjang atau Widget Popular Post (berisi tentang artikel popular di blog tersebut). Disini cara membuat scroll pada widget Blog aku bagi menjadi 2 yaitu Langsung dari Tata Letak dan Edit dari Template, yuk kita langsung buatkan saja Scroll pada Widget kamu.


Widget Standar/bawaan Blogspot atau Widget tanpa pengeditan kode HTML #CaraPertama 


1. Pergi ke Blogger  Pilih Tata Letak. 

2. Pastikan widgetnya sudah dipasang di blog kamu. 

3. Ketahuilah nama widget ID pada widget yang akan diberikan scroll. Cara mengetahui widget ID dengan menyentuhkan cursor pada Tulisan "Edit" .contohnya seperti gambar dibawah ini menampilkan nama widget ID yaitu PopularPost2 :  


4. Setelah ID widget diketahui masuk ke bagian Template > Edit HTML. 


5. Cari kode ]]></b:skin> untuk memudahkan pencarian gunakan CTRL+F.

6. Dan letakkan kode dibawah ini, tepat diatas kode ]]></b:skin>
#PopularPosts2 .widget-content{
height:230px;
width:auto;
overflow:auto;
}

Keterangan : 
- PopularPosts2 = ID widget kamu  ganti dengan ID widget  yang kamu inginkan.
- 230 = Tinggi ganti dengan tinggi yang kamu inginkan.
7. Simpan dan tarrara! lihat hasilnya.. 
 

Widget Mode Pengeditan HTML / Javascript #CaraKedua


1. Masuk ke Blogger  Pilih Tata Letak  Klik Tambahkan Gadget+ 

2. Pilih HTML/Javascript

3. Dan tambahkan kode seperti ini.. 
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
KODE_WIDGET_KAMU
</div>

Keterangan :
- KODE_WIDGET_KAMU = Kode Widget yang kamu ingin diberikan scroll.
- 200 = Tinggi widget yang kamu inginkan 
- border:1px = Hapus kalo kamu ga pengen ada garis hitam.

4. Simpan dan tarra! lihat hasilnya~


Sekian dulu pelajaran tentang Cara Membuat Scroll pada Widget Blog semoga bermanfaat bagi kita semua saya akhiri disini wassalamualaikumwarohmatullohiwabarokatuuu... 

bangbil.com adalah sebuah personal blog. Seorang blogger yang masih merangkap sebagai pelajar. Temui aku di Sosial Media :

Berlangganan via Email

Berlangganan artikel terbaru dari blog ini langsung via email.