Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

KUCOPAS - Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog. Scroll adalah gulungan atau rol yang bersifat memuat tulisan maupun dalam satu waktu halaman, scroll bisa bersifat gulungan geser ke kanan-kiri maupun ke bawah dan atas. Untuk fungsinya nanti akan saya jelaskan menurut sepengetahuan saya, jadi ikuti dan baca artikel ini dengan cermat dan teliti.

Mungkin jika sobat ingin blognya kelihatan rapi dan bersih, maka sobat bisa menggunakan trik yang akan saya share ini. Karena fungsi dari memasang scroll yang dipasang di widget adalah untuk menyingkat pada bagian widget maupun gadget agar kelihatan rapi dan enak dipandang. Intinya tampilan blog kita jadi simpel, dinamis dan minimalis, karena biasanya kalau label atau kategori diblog sobat sangat banyak maka akan memakan banyak tempat di template blog sobat. Jadi sobat bisa memasang scroll pada label atau kategori blog, agar tampilan blog kita jadi menarik dan singkat.

Seperti contohnya sobat bisa lihat di blog DEMO KUCOPAS, pada bagian label atau kategori di samping (Sidebar) sudah saya pasang scroll. Kelihatan sangat simpel kan sobat??? Namun tetap bisa menampilkan semua label atau kategori, karena dengan adanya scroll.

DEMO

Jika sobat tertarik ingin mengetahui trik Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog, silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >>Masuk/Login ke >> Blogger.com menggunakan akun sobat.
2. Pada Dashboard tampilan blog baru pilih Menu >> Template >> Edit Html.
3. Kemudian cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempercepat dan memudahkan pencarian).
Lihat gambar screenshot berikut ini.

KETERANGAN:

• No 1 adalah pencarian cepat menggunakan CTRL+F. Jika sobat sudah sampai pada >> Menu >> Template >> Edit HTML, maka gunakan CTRL+F dan isikan ]]></b:skin> pada kotak seperti gambar no 1 diatas, guna untuk mempercepat pencarian.

• No 2 adalah letak kode pada Html template sobat.

• No 3 adalah kode Scroll yang akan kita tambahkan.

4. Langkah yang selanjutnya silahkan sobat Copy/salin semua kode Html di bawah ini dan Paste/tempel tepat diatas atau sebelum kode ]]></b:skin> seperti pada contoh gambar screenshot di atas.

---

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

---

CATATAN:

• height:200px; adalah nilai tinggi kotak scroll, silahkan sobat ganti nilainya agar pas seperti dengan keinginan sobat.
• #Label1 adalah Id Html Gadget (widget) blog sobat, tidak perlu diganti jika id widget label sobat sama. Namun jika id widget label sobat berbeda, maka silahkan di cocokkan dengan id widget label blog sobat.

5. Langkah yang terakhir jangan lupa sobat klik >> Pratinjau untuk menghindari kesalahan waktu Edit Html Template sobat. Jika hasilnya sudah seperti yang sobat inginkan, silahkan sobat klik >> Save/Simpan Template.

Sampai di sini mungkin sobat sudah mengerti Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog, jika sobat belum jelas, silahkan bertanya. Dan saya akan menjelaskanya secara detail. Demikian tutorial blog ringan yang dapat saya share, semogabisa sangat bermanfaat bagi sobat KUCOPAS semua.