35 Buat Scrollbar Dengan Border Pada Komen Post

Kali ini, atas permintaan Mizz Aiza, CK nak tunjukkan cara-cara hendak Membuat Scrollbar Dengan Border dan Background Color Pada Komen Post pula. Tujuan meletakkan Scrollbar pada komen post ini adalah bertujuan hendak mengurangkan ruang jarak pada komen-komen yang banyak dan ia kelihatan kemas dan teratur malah dapat menjimatkan ruang blog daripada menjadi panjang berjela.

Ikuti langkah-langkah di bawah:

1. Klik "More options"

2. Pilih "Template" kemudian klik "Customise"



3. "Copy" kod di bawah:

#comments {
height:700px;
padding:5px 10px 10px 10px;
border:5px double #aaaaaa;
background:#fafafa;
overflow:auto;
}

Nota:

• Kod warna biru:
  Untuk menambahkan/mengurangkan jarak tinggi Scrollbar yang dikehendaki
• Kod warna hijau:
  Untuk menukar ketebalan border pada Scrollbar
• Kod warna ungu:
  Untuk menukar jenis border pada Scrollbar
*klik untuk mendapatkan jenis-jenis border lain
• Kod warna pink:
  Untuk menukar warna border pada Scrollbar
*klik untuk mendapatkan kod-kod warna lain
• Kod warna aqua/cyan:
  Untuk mengubah warna background dalam border Scrollbar
*klik untuk mendapatkan kod-kod warna lain
• Jika tidak perlukan warna background dalam border Scrollbar, buangkan saja kod warna merah dan aqua/cyan

Pada "Blogger Template Designer", klik butang "Advanced"

4. Scroll bawah sikit dan klik "Add CSS"

5. Pada bahagian "Add custom CSS", "Paste" kod yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa TEKAN ENTER sekali

6. Akhir sekali, klik butang "Apply to Blog"



Siap!

Sila Share Post CK Ini Sekiranya Anda Suka

• @Facebook
• @Twitter
• @Google+

​Dapatkan Widget Ini!