Home » » Membuat Scroll bar pada kotak komentar

Membuat Scroll bar pada kotak komentar

Pada sebuah postingan tentu saja mempunyai widget kolom komentar yang berguna untuk pengunjung memberikan komentar pada postingan tersebut. Jika komentar dari pengunjung semakin banyak, tentu saja akan membuat komentar yang ada semakin lama semakin bertambah sehingga halaman yang berisi postingan tersebut akan kelihatan memanjang kebawah. Hal itu tentu saja akan mengganggu keindahan penampilan blog. Dengan membuat scroll bar pada komentar dipostingan akan membuat blog anda terlihat lebih bagus dan tidak memanjang. Sebagai contoh, coba anda lihat ke bagian komentar blog saya yang telah menggunakan trik ini.

berikut ini langkah-langkahnya ;

# Masuk ke Blogger.
# Pilih Tata Letak.
# Pilih Edit HTML
# Cari kode untuk pengaturan komentar seperti di bawah ini :



/* ----- COMMENT ----- Blogger template design by echabintangtimur.com */
#comments {
margin: 15px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
}

/* comment-header */
#comments {
height:300px;
overflow:auto;
}
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}


# Copy kode dibawah ini kemudian paste pada bagian kode diatas.


#comments {
height:300px;
overflow:auto;
}


# Kode tambahan boleh diletakkan diatas kode #comments h4 (atau dimana saja, asal masih berada dibagian komentar).
# Kode height:300px; boleh anda ganti dengan tinggi scroll bar yang anda inginkan
# Setelah selesai kilk tombol Simpan Template
# Selamat mencoba, semoga berguna...!!!





Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


4 komentar:

Tip n Tricks mengatakan...

PERTAMAX NIH...
iya nih aku punya masalah penampilan dengan komentar... langsung dicoba ...sukses dech

Batik Dan Butik Hingga Batuk mengatakan...

Wah ternyata caranya gini toh.. mudah juga ya... makasih deh atas infonya

tetembak mengatakan...

1 lagi info bagus dari echa bintang timur,, mantabb...

sarfores mengatakan...

ijin praktek dulu deh

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan