Secret Me - apa kabar nih sobat.. hehe :D ,kali ini saya mau share lagi nih, cara
membuat scroll pada area komentar blog.. kenapa saya share tentang
ini..? karena mungkin bisa membantu sobat semuanya jika ada pengunjung
berkomentar di blog sobat sudah banyak sekali dan terus memanjang tiada
hentinya,, waah kalau 1 post ada yang berkomentar sampe 70-100 orang dan
tanpa scroll, bisa makan ruang banyak dan pastinya memperlambat loading
blog.. :( ,makanya pakai scroll agar lebih praktis, menghemat kolom dan
bisa mempercepat loading blog.. :) ,okee langsung saja ke caranya..
- Masuk ke Template
- Edit HTML (lebih baik sebelum edit backup dulu templatenya)
- centang Expand Template Widget
- CTRL+F
- lalu tuliskan kode di bawah ini
#comments-block{
jika kodenya berhasil di temukan, hapus semua kodenya ganti dengan kode di bawah ini :
#comments-block{max-height:300px;border:1px solid#F7D77;overflow:auto;width:569px;margin:1em 0 1.5em;line-height:1.6em}
lalu simpan.. :)
Keterangan :
- kode yang warna Orange, adalah ukuran tinggi scroll yang akan di gunakan, sobat bisa mengubahnya sesuka hati.. :D
- kode yang warna Hijau, adalah ketabalan border/garis sisi yang ada di sisi komentar, bisa di ubah juga sesuka hati.. :p
- kode yang warna Pink, adalah warna dari border tersebut.. sobat juga bisa ganti tuh.. :D
hampir lupa.. :D nanti hasilnya akan seperti ini.. :)
|| Sebelum ||
|| Sesudah ||
bagaimana? menarik dan
lebih hemat tidak..? hehehe.. :D .okee sobat sekian dulu tutorialnya :D
,semoga bermanfaat untuk semuanya.. jangan lupa tinggalkan komentar
yaa..? terima kasih.. :)
Suka Dengan Artikel Ini ?
Anda baru saja membaca artikel yang berkategori Informasi
dengan judul "Cara Membuat Scroll Di Komentar Blog". Anda bisa bookmark halaman ini dengan URL http://petotdotcom.blogspot.com/2013/02/cara-membuat-scroll-di-komentar-blog.html.
0 komentar "Cara Membuat Scroll Di Komentar Blog", Baca atau Masukkan Komentar
Posting Komentar
Blog Ini Adalah Blog Dofollow
Silahkan Comentar asal tidak Spam :)
Jangan Lupa Tekan G+ nya ya :)