expr:class='"loading" + data:blog.mobileClass'>

Monday, January 26, 2015

Tutorial create border & background for comment box

Salam.. Kalau anda perhatikan kotak komen saya sudah banyak perubahan. Sebelum ni saya buat scroll bar pada kotak komen melalui kaedah di SINI. Now untuk bagi lagi kemas, saya tambahkan border dan background seperti berikut :

Ok tak? Huhu maybe warnanya agak striking di situ. hehe. Nak buek camno den memang suko pink!:p So, camne nak buek? Lets try this tutorial. Thanks to Cikgu Kacamata atas tutorial yang senang di follow.


1. Go to dashboard > Template > Customize



2. Click Advanced > Add CSS untuk copy paste coding berikut: 

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

Kod warna biru:
Untuk menambahkan/mengurangkan jarak tinggi Scrollbar yang dikehendaki

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 

Kod warna aqua/cyan:
Untuk mengubah warna background dalam border Scrollbar 

Untuk memilih kod warna sila klik SINI

P/S : Jika tidak perlukan warna background dalam border Scrollbar, buangkan saja kod warna oren dan aqua/cyan.



Contoh code pilihan saya


3. Dah siap edit-edit code anda? Lepas barisan last sekali sila tekan ENTER dan APPLY TO BLOG. Automatik dah save... SIAP!=)


Misya : Dunia tanpa sempadan.

No comments :

Related Posts Plugin for WordPress, Blogger...