Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

 Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog - Setelah sekian lama saya tidak pernah update posting, Kali ini saya akan share posting dan berbagi trik yang ringan tentang Cara Membuat Dan Memasang Scroll Pada Label Categori Blog.


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


 Seperti contohnya sobat bisa lihat di blog KUCOPAS ini, 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.




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


1. Silahkan sobat >>"Masuk/Login" ke Blog sobat.

2. Pilih >> Menu >> "Template" >> "Edit Html" >> Lanjutkan >> Jangan lupa sobat Centang kotak kecil "Expand Template Widget".

3. Kemudian Cari kode ]]></b:skin> , Gunakan CTRL + F untuk mempercepat dan memudahkan pencarian.

Lihat Gambar berikut:

KETERANGAN:

• No 1 adalah pencarian cepat menggunakan CTRL + F. Jika sobat sudah sampai pada >> Menu >> Template >> centang Expand Template Widget, 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 kode 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/sebelum Kode ]]></b:skin> , seperti pada gambar di atas.

---

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

---

CATATAN:

• height:200px; adalah Nilai Tinggi Kotak Scroll, Silahkan sobat ganti seperti keinginan sobat.
• #Label1 adalah Id Html Gadget blog sobat. tidak perlu diganti.

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.


 Semoga tutorial blog yang ringan ini bisa sangat bermanfaat bagi sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---

Cara Membuat Scroll Bar di Posting Blog

Scroll Bar di Posting Blog

 Cara Membuat Scroll Bar di Posting Blog - Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

 Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.

 Berikut Kode Script Scroll Bar Posting Blog:

---

<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

---

Catatan:

• Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
• Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
• height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
• width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
• border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
• #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.

 Demikian artikel ringan tentang Cara Membuat Scroll Bar di Posting Blog, semoga bermanfaat buat sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---

Cara Membuat Dan Memasang Auto Scroll Di Blog

 Cara Membuat Dan Memasang Auto Scroll Di Blog - Kali ini saya akan share artikel ringan tentang Cara Membuat Dan Memasang Auto Scroll Di Blog, Fungsi atau gunanya Auto Scroll adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat di blog.

AUTO SCROLL

 Cara Membuat Dan Memasang Auto Scroll Di Blog sangatlah mudah sekali, hampir sama seperti kita menulis di posting blog. Auto scroll ini bisa di pasang pada Sidebar maupun di postingan blog. Tapi jangan lupa sobat tulis atau taruh kode Auto scroll di bawah ini pada mode >> "Edit HTML".

 Berikut kode Auto scrollnya:

---

<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

Taruh apa saja yang ingin sobat scroll di sini.

</div>

---

Keterangan:

• height:200px; = Adalah ukuran lebar ke bawah pada kotak Auto Scroll, Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.

• border:1px = Adalah ukuran Tebal Garis tepi kotak Auto Scroll, Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.

• #000000 = Adalah Kode warna Hitam untuk garis tepi kotak Auto Scroll, Silahkan sobat ganti kode warnanya sesuai dengan keinginan sobat.

 Semoga artikel ringan tentang Cara Membuat Dan Memasang Auto Scroll Di Blog, Sangat bermanfaat buat sobat KUCOPAS semua.

---

| Supported by http://kuc0pas.blogspot.com |

---