Cara Membuat Scroll Di Komentar Blog

Written By Unknown on Saturday, February 23, 2013 | 8:00 AM

Z-T Blog - 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.. :)

34 komentar:

Dion KhaeruddinFebruary 23, 2013 at 8:27 AM
Sumpah,,,,keren nih biar ngirit halaman...!

http://khaeseven.blogspot.com/
UnknownFebruary 23, 2013 at 9:39 AM
thx sobat.. di coba dong.. hehee :D
baharshareFebruary 23, 2013 at 10:03 AM
Wah saya coba di blog saya ya gan ,, makasih atas tutornya :D
Roland DioFebruary 23, 2013 at 10:17 AM
Wah makasih infonya ya sob .. meskinpun saya coba di blog saya kagak work mungkin tergantung template
UnknownFebruary 23, 2013 at 12:56 PM
bisa di coba ne
LeonardoFebruary 23, 2013 at 1:12 PM
Ini sangat menguntungkan...
Join Blog kami ya http://leonardobonarmalau.blogspot.com/
JhonarendraFebruary 23, 2013 at 1:23 PM
wow, boleh di coba tuh, bermanfaat juga untuk ngirit halaman kalo ada banyak komentar
makasih ya
PutuGiBagiFebruary 23, 2013 at 1:29 PM
terima kasih atas tutorialnya gan,..
nanti saya praktekkan :)
ManFebruary 23, 2013 at 1:38 PM
Makasih triknya..
izin coba yeah
Arif BudiharjoFebruary 23, 2013 at 1:47 PM
makasih nih..
ijin nyoba ya ..
UnknownFebruary 23, 2013 at 2:50 PM
keren gan makasih atas tutornya

kunjungin balik ya

http://kangshinokami.blogspot.com/2013/02/mistri-kota-wintera-di-palu.html#
UnknownFebruary 23, 2013 at 3:10 PM
Coba dulu ah. .
UnknownFebruary 23, 2013 at 5:18 PM
mAKASIH MAS,,,
http://sazuke-4rt.blogspot.com/2013/02/FT170.html

Kappan2 share tips lagi yah :D
UnknownFebruary 23, 2013 at 8:28 PM
Bahar Samudra @ okee silahkan sobat.. :)

Roland Dio @ ya mungkin tergantung dengan template masing"..

donny pratama @ coba dong.. :D

Leonardo @ thx sobat.. :)

jona rendra @ ya sobat betul tuh, dn meningkatkan loading blog.. :)
UnknownFebruary 23, 2013 at 8:42 PM
PutuGiBagi @ okee, thx kunjungannya.. :)

Firman Ilham @ siip,, silahkan.. :D

Riev - Bapo @ iya sobat..

just for a game @ okee thx kunjungannya..

Wahyu basofii @ silahkan.. :)
UnknownFebruary 23, 2013 at 8:44 PM
Hafidz CyberArt @ okee,, thx kunjungannya sobat.. :)
IqbalFebruary 23, 2013 at 9:17 PM
mantep nih bisa ane coba http://iqballl10.blogspot.com/2013/02/10-anime-yang-dilarang-tayang-di_1512.html
UnknownFebruary 23, 2013 at 9:38 PM
okee silahkan.. :)
Didib AbsorFebruary 24, 2013 at 6:58 AM
nice info sob !! komenback at :
www.didibshare.net
Michael VahlepiFebruary 24, 2013 at 9:20 AM
wah mantap sobb ....
jadi bisa mempersimple template ....
Dandi SasenoFebruary 24, 2013 at 9:56 AM
wih mantep nih artikel nya xD
tinggal tambahin height+overflow auto :v
thx kk tutornya
http://xpress-community.blogspot.com/
UnknownFebruary 24, 2013 at 10:04 AM
Didibz Absor @ okee,, thx kunjungannya..

Michael Vahlepi @ iya sobat,, :)

Lionel Dandy @ thx sobat,, hehehee.. :D
UnknownFebruary 24, 2013 at 11:48 AM
keren gan
Faisal al pariamanuFebruary 24, 2013 at 3:06 PM
keren gan tinggal ane coba dulu :D
UnknownFebruary 25, 2013 at 7:48 AM
okee,, thx kunjungannya sobat..
KangFarhanMarch 1, 2013 at 10:34 PM
makasih banget mas
Daniel BloggerMarch 2, 2013 at 12:04 AM
Sudah mulai ane terapin nie, semoga berhasil :)
Daniel BloggerMarch 2, 2013 at 12:13 AM
Di Blogg ane gak ngefeck gan..

Mungkin Karena Template nya gan
UnknownMarch 2, 2013 at 7:04 AM
ooh gtu ya sobat..? ya templatenya tidak cocok..
zaidanMarch 8, 2013 at 6:23 PM
gan tempat ane kok ng ketemu comment-block,,ada yg lain?
UnknownMarch 8, 2013 at 7:40 PM
ah masa sobat gak ada..? -_- ,mustahil itu.. hrus persis sobat #comments-block
zaidanMarch 8, 2013 at 7:44 PM
iy ng ada,,ada solusi?
UnknownMarch 10, 2013 at 5:17 AM
sama gan, di blog ane juga ga ketemu #comments-block{ nya
UnknownMarch 11, 2013 at 8:53 AM
kalau benar tidak ada, templatenya tidak cocok sobat..

Terima kasih telah berkunjung! Silahkan tinggalkan komentar untuk respon/pertanyaan.

=== RULES ===

1. Dilarang Spam.
2. Dilarang live link.
3. Dilarang nama komentator menggunakan Keyword.
4. Dilarang berkomentar yang seolah memuji (Out Of Topic).
5. Isi komentar relevan dan berkualitas yang berkaitan dengan artikel.

Maaf apabila ada komentar yang belum saya tanggapi karena saya tidak online 24 Jam. Terima kasih.