Scroll
merupakan suatu fungsi yang dapat digunakan untuk menghemat area suatu bagian
dari blog. Jadi, dengan memanfaatkan fungsi scroll ini. Panjang suatu bagian
dapat di perkecil tetapi isinya masih dapat kita lihat dengan cara menggeser
tombol scroll yang biasanya terletak di kanan pada bagian tersebut. Nah, scroll
ini dapat kita pasang pada area komentar. Karena biasanya, tidak sedikit yang
berkomentar pada artikel kita. Sehingga membuat halaman posting kita lebih
panjang. Tetapi setelah memberi fungsi scroll ini pada komentar, panjang
halaman posting karena banyak komentar akan dapat di atasi.
Cara menambahkan scroll di bagian
komentar tidak lah sulit, kita hanya perlu menambahkan sedikit kode CSS pada blog
kita. Kode CSS nya pun tidaklah begitu panjang, jadi bisa diketik langsung.
Nah, berikut ini kode CSS yang perlu anda tambahkan untuk memberi fungsi scroll
di area komentar pada blog kita .
background-color: white;border-bottom: 3px solid #06396C;border-left: 20px solid #66B0F9;border-right: 3px solid #06396C;border-top: 3px solid #06396C;height: 360px;overflow: auto;padding: 10px;width: 720px;
kode
diatas tersebut silahkan anda tambahkan pada bagian bagian kode CSS komentar.
Masing-masing template mempunyai letak css comment yang berbeda-beda. Silahkan
saja cari kode tersebut di blog anda lalu sisipkan kode pertama di dalam tanda
{ }. Sebagai kata kunci untuk mencari kode css komentar coba saja ketikan
comments di kotak pencarian nya.
Cara
diatas, hanya memberi scroll biasa pada komentar blog anda. Untuk menambahkan
efek yang lebih keren dapat di kombinasikan dengan kode CSS shadow untuk
memberi efek bayangan pada kotak scroll yang telah di buat tadi atau dengan
kode CSS border untuk memberi efek garis border yang unik pada kotak scroll
tersebut.
Nah, dengan ditambahkan kode border
dan kode Shadow diatas, kotak scrollnya jadi tambah keren kan. Anda bisa atur
sendiri bagaimana keren nya. Untuk Kumpulan kode CSS Border dan Daftar Lengkap kode CSS shadow nya bisa anda lihat di postingan saya
sebelumnya.
Semoga Bermanfaat
#salam terhangat dari Mr.DHI
Be The First...!!!
ReplyDeletekeren nih, coba di praktekkan, makasi sobat infonya.
ReplyDeletejadi ga banyak makan ruang yah, trims sob dan happy blogging...
ReplyDeleteKeren nih keknya... Bungkus dulu sobat buat bekel ^^
ReplyDeletesip dech sobat.. cara ini bisa menghemat ruang juga sob dan terlihat rapi... mantap dech......
ReplyDeletedengan scroll ini tidak terlalu panjang kebawah ya sobat...
ReplyDeleteWah... bagus juga, bs menghemat tempat dan jg waktu, g kyk punya saya, harus turun jauh ke bawa utk komentar...
ReplyDeletemantep ni tutorialnya, makasihm om ane simpan dulu
ReplyDeleteIjin mempraktekan dulu ya gan..
ReplyDeletejadi lebih rapi ya sob.. thanks,
ReplyDeletecomment back ya..
ada jg tutorial yg kotak komentarnya diluar sob..,coba cari2 di goolge..,
ReplyDeletejd terpisah antara kotak komentar dan isi komentar, cz klo digabung kayak gini sedikit merepotkan, andaikan klo yg komen agak bnyk tentu untuk komntar baru hrs memutar scroll mouse jauh ke bawah dan ini merepotkan.., mf ini hny saran.., happy blogging *smile
trik yang bagus sob
ReplyDeletesemoga ilmunya bermanfaat
wah ternyata simpel ya...dibungkus dulu sob
ReplyDeleteWeh bagus nih, biar komentar gak panjang bgt kebawah kalau bnyk yg koment
ReplyDeleteini bisa meminimalisir komentar yg banyak yah :)
ReplyDelete