Postingan kali ini, saya akan berbagi pengalaman kepada Sobat semua bagaimana cara membuat scroll pada komentar. Semakin banyak komentar pada suatu artikel, maka akan bertambah pula panjang halaman blog kita. Nah biar blog Sobat yang banyak banget komentarnya dan biar panjang halaman blognya tidak panjang-panjang, Sobat bisa memakai tips ini.
Langkah-langkah membuatnya sebagai berikut :
1. Login ke account blogger Sobat
2. Klik "Rancangan" => "Edit HMTL"
3. Cari kode berikut :
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
}
4. Copy dan paste kode yang berwarna biru di antara kode di atas. Sehingga hasilnya akan seperti ini :
/* Comments
----------------------------------------------- */
#comments {
height:500px;
overflow:auto;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
----------------------------------------------- */
#comments {
height:500px;
overflow:auto;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
5. Klik "Simpan Template"
Catatan :
- Height:500px bisa Sobat ganti sesuai dengan selera sobat.
- Pada beberapa template kodenya berbeda dengan kode di atas.
Wah bagus mas triknya... Keep blogging
BalasHapusMampir mas... wah blognya bagus banget... dah follow. follback y ... bannernya jg dah dipsang, pasang balek ya ... thx ...
BalasHapussalam kunjungan sobat, nanti akan diaplikasikan untuk ruang komentar di blog kami, mmm, praktis
BalasHapussudaj di coba, hasiLnya.... berhasiL, berhasiL, berhasiL. thanks sob. mo Lht2 yg Lainnya nih.
BalasHapusthanks buat sharingnya, cuma karena yang comment masih dikit, belum apply ini trik :)
BalasHapus@gema : meski masih sepi dengan komentar, coba saja dulu. kan buat jaga-jaga biar kalau sudah rame, dah langsung jalan.
BalasHapus@all : makasih semuanya ya sudah berkunjung. jangan bosen-bosen mampir kesini ya.... :38
mang banyak macamnya bikin scrol pada komentar, tp kalau menggunakan cara ini form komentarnya jadi ikutan masuk juga
BalasHapus@rizky : nanti form komentarnya juga ikutan masuk kawan. yang penting form komentarnya tetep kelihatan. makasih ya dah berkunjung lagi. :10
BalasHapusWah kebetulan aku udh tau Sob....tp ga aku praktekin soalnya aku ga terlalu Suka hhe....
BalasHapussebaiknya form komentarnya d luar aja alias g kena scrool gt
BalasHapus@rizky2009 : kapan-kapan deh diutak-atik lagi. makasih lagi ya atas kunjungan n komentarnya
BalasHapusBerkunjung, nich,,, manatap sekali idenya,,, boleh juga nich...
BalasHapussip...berguna untuk menghemat tempat nih
BalasHapushttp://www.saultsteelers.com/ agree your post, please put my link in here, tahnk you
BalasHapuswah.. nambah ilmu... salam!!
BalasHapusnice design
BalasHapushttp://tips4bsense.blogspot.com/
http://indi-tourism.blogspot.com/
Tutorial yang bagus untuk menghemat space dan menjadikan blog tampak lebih rapi.
BalasHapusSalam ukhuwah
Terima kasih sobat sudah berkunjung ke blog saya.
BalasHapusIni dia yg lagi di cari2, pengen bikin scroll pada komentar, jadi gak kepanjangan deh
Thanks sob dah berbagi :)
aq juga pake nie,,males scroll lama2 kl ga pake scroll yg praktis ^_^
BalasHapusGreat Post.
BalasHapusWant to link exchange?
Thank you
http://cat.x10.bz
ok sobat keren ini untuk koment yan seabreg sangat memerlukannya...
BalasHapus:D
plus rapi pula :21
diliat pake hp gak muncul scrolny
BalasHapus@ Maz Tomo : Iya ta maz? wah saya belum tahu tuch Maz. Coba deh kpn2 diutak atik lagi. Makasih Maz sudah kasih tahu.
BalasHapussob...aq juga pernah posting tentang artikel ini, hanya saja bedanya. aq hanya membuat scroll untuk comment-nya aja, sedangkan kotak commentnya tetap diposisi luar...!!!
BalasHapusBtw, maaf ya bukannya mau ngajarin & g bermaksud sombong, cm mau sharing doank..!!!!
Lam kenal n sukses sob..!!!
@kian choi : wah makasih ya atas infonya kawan. and makasih juga atas kunjungannya
BalasHapusAku coba dulu kawan ya
BalasHapusiya boz sudah aku coba tadi siang pake hp operamini3,4 atau 5 tetap ndak muncul.mungkin memang begitu kawan ya.karena gak ada pluginsnya kali ya
BalasHapus@Maz Tomo : mungkin saja maz. ato emang template blog saya ini yang gak support u/ hp. makasih Maz dah bolak-balik kesini lagi. wish u all the best ya Maz
BalasHapusNah ini dia yang tak tunggu2,, akhirnya ketemu juga disini ya sob. thans for infonya n jgn lupa komment back yupz,,, :17
BalasHapusMakasyiiihh ya soobbb... lanjuuuttt dan sukses yaaa
BalasHapusselamat pagi sahabat
BalasHapustips yang menarik dan bermanfaat.
kunjungan balik sekalian obok2 iklan..hehehe
BalasHapusTrik yg bermanfaat sob, thx 4 sharing :D
thanks bro buat infonya :)
BalasHapussaya sih pakai buat scroll link exchange..
Mampir sob... buat baca potingannya nih
BalasHapusSangat bermanfaat sob, tipsnya..
BalasHapusBs kelihatan lebih simple kotak komentarnya...
Tq mas, cara bikin scrollnya. Asik juga. Bingung sih cara bikin scroll gimana, untung ketemu artikel ini.
BalasHapusBtw, ga ada es cendol mas ^^
@Atif Romeo : nich es cendolnya tak kasih. mumpung gratis. he3x :10
BalasHapus@all : makasih banget atas kunjungannya. maaf banget gak bisa balez satu persatu krn kesibukan saya.
Mantap bangets nich tipsnya, bisa dicoba tuch..
BalasHapusThanks 4 sharing ....
makasih bro...
BalasHapusmemang scoll ini perlu apalagi buat komentar yang bejibun...biar nggak kelihatan penuh
thank
thanx infonya...
BalasHapuswah keren,, ntar dech wan coba, hihihiih,,
BalasHapusIya kawan.kalo yg komen bnyk bs penuh tuh halaman blog
BalasHapus:36
BalasHapus::: mantaph,,,,memang blogmu akan jadi bacaan seru buat ku kedepannya...
::: maklum aku masih pemula di sini// ^__^v
::: kapan2 boleh yah aku bawa oleh2 bacaan kesini ^-^v ookeh okeh
@wiwid : Dengan senang hati kawan
BalasHapussaya sih udah nyoba tapi gak mau sampe kotaknya ikut ke scrol. hehehe
BalasHapusabsen rutin
BalasHapusHi nice info bro, salam kenal plus komment yupz,,
BalasHapusOke mas triks nya, saya kopas dulud yang buat jaga-jaga klo sudah rame komentar
BalasHapusMantab dan siiip tips scroll pada komentar, jadi lebih simpel
BalasHapushihihi, keren sob. ane coba ah
BalasHapusmakin keren aja nih sob, lanjut deh q tunggu post barunya
BalasHapusThanks bos infonya . . :)
BalasHapusmalam sahabat, mampir lagi nih ...btw kalau yang komen banyak tentu sangat efektif mempergunakan scroll. Salam
BalasHapustips yang sangat berguna :)
BalasHapusnice to info sob....kreasikanlah hidup dengan trik dan jangan lupa buat di share lagi ya..hehehe
BalasHapusjalan2 malam aja deh sambil nunggu post barunya
BalasHapusdicoba ah, thanks infonya mas :)
BalasHapusBagus triknya sob. thanks sharingnya.
BalasHapusterima kasih sob,
BalasHapussangat bermanfaat :)
pantas aja blog ini ramai...
BalasHapuspostingannnya keren euy....
tapi apakah hal ini bisa dipraktekkan di Wordpress gak ya? maklum newbie nih....
ganti Lg nih tempLatenya, hehehe.
BalasHapustanya:
sy sudah berhasiL meLakukan scroLL pada kotak komentar seperti di atas, tp kok hanya komentarnya aja yg masuk dLm scroLL tp kotak komentarnya tidak masuk dLm scroLL yah (seperti pd kotak komentar ini)?.
mhn soLusinya.
gw pake triknya!!!thx bgt!
BalasHapusWah komentar paling akhir nich :(
BalasHapusotw ngetes bro dari pada nggak bisa tidur
trims untuk jawabannya, hehehe.
BalasHapushehehehe .. :10
BalasHapushehehe blognya bagus... ada manfaatnya sob...
BalasHapusberhasil bos.... :36
BalasHapusnice bro :)
BalasHapus