Bagaimanakan cara untuk meletakkan Scroll Bar pada bahagian Comment Blog? Scroll bar membantu untuk mengecilkan penggunaan ruang komen di dalam blog. Scroll bar pada bahagian comment juga memudahkan para pembaca blog untuk membaca komen-komen yang terdahulu di samping membuatkan layout blog kemas dan teratur. Sekiranya blog korang mempunyai ramai pengunjung dan juga mendapat comment yang banyak, Scroll bar pada bahagian komen memang sangatlah sesuai digunakan dalam blog korang.
Ikuti tutorial blog, Tentang cara untuk meletakkan Scroll bar pada bahagian Komen.
OK! mari kita mulakan.. Tapi sebelum tu korang klik SINI dulu. :D.. hehe Cara untuk meletakkan Scroll Bar pada comment ni mudah sahaja.
1. Sila ikut langkah ini.
Login ke Dashboard Blogger > Template > Edit HTML > Proceed > Hit Expand Widget Templates
2. Kemudian korang cari kod di bawah ni.
/* Comments
Kod yang korang jumpa mungkin berbeza-beza mengikut template yang korang gunakan. Sebagai contoh, korang mungkin akan menjumpai kod seperti yang di bawah ni.
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: none
}
**Bahagian kod yang bewarna Oren mungkin berbeza dengan kod yang terdapat dalam blog korang. Tapi ia bukannya satu masalah.
3. Korang Copy kod HTML di bawah dan paste di bawah tanda }
.comments {
height:400px;
overflow:auto;
}
4. Pastikan kod yang korang letak tu berada di tempat yang betul. Ok saya akan sediakan contoh kod yang telah di masukkan. Ia akan kelihatan seperti kod di bawah ni.
background-repeat: no-repeat;
background-image: none
5. Kalau dah buat langkah di atas tu. korang tekan Save template. Kemudian orang cari bahagian post korang yang paling banyak komen untuk melihat hasilnya.
Tinggalkan komen untuk sebarang pertanyaan, atau Klik SINI. Saya akan bantu dengan sedaya upaya saya.
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {background-repeat: no-repeat;
background-image: none
}
.comments {
height:400px;
overflow:auto;
}
- Tukarkan Nombor yang bewarna Pink untuk menentukan ketinggian Scroll box korang.
5. Kalau dah buat langkah di atas tu. korang tekan Save template. Kemudian orang cari bahagian post korang yang paling banyak komen untuk melihat hasilnya.
Tinggalkan komen untuk sebarang pertanyaan, atau Klik SINI. Saya akan bantu dengan sedaya upaya saya.
Nota : Sila "Save Template sebelum membuat apa-apa perubahan kepada blog".
Selamat mencuba dan Semoga berjaya ^^
Tags: Tutorial Blog, Tutorial Blog Letak Scroll bar pada comment, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger
