Cara Memberi Warna & Background Judul Sidebar Widget
May 4, 2015
BANYAK yang tanya bagaimana Cara Memberi Warna & Background (Latar Belakang) Judul Widget di Sidebar, seperti pada blog CB ini.
.sidebar h2 {
color: #fafafc;
font: 18px 'Marcellus SC',serif; margin: 0 10px;
padding: 5px 0 5px 8px;
border-bottom: 4px solid #ddd;
background: #48d;
}
Berikut ini tipnys, khususnya pengguna New Johny Wuss, yang bisa diterapkan di template blog mana pun. Tinggal sesuaikan saja kode-kodenya.
Harap diingat, warna terbaik untuk desain web adalah biru. Hindari warna terang seperti orange atau merah menyala yang menyilaukan mata pengunjung. (Baca: Warna Terbaik untuk Web).
1. Template > Edit HTML
1. Template > Edit HTML
2. Cari kode sidebar h2
Di template NJW Series kodenya seperti ini:
.sidebar h2 {
color: #fafafc;
font: 18px 'Marcellus SC',serif; margin: 0 10px;
padding: 5px 0 5px 8px;
border-bottom: 4px solid #ddd;
background: #48d;
}
Yang font itu jenis huruf dan ukurannya. Kode bagian bawah itulah backgroundnya.
Kode tersebut yang digunakan blog CB ini. Anda bisa memilih warna lain di Kode Warna HTML.
Demikian Cara Memberi Warna & Background Judul Sidebar Widget yang banyak ditanyakan pengnjung CB. Good Luck! (http://contohblognih.blogspot.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Terima kasih CB setelah saya bertanya beberapa bulan lalu, cara memberikan warna latar di widget akhirnya dijawab juga langsung dengan postingan.
ReplyDeleteSemoga viewernya bertambah terus. Aamiin
gak ketemu cb gimana nih?
ReplyDeleteUDAH ku ganti juga tetep warna backgrounya ga muncul
ReplyDelete@All, yang gagal, pasti gak sesuai instruksi. Itu kode yang dipake CB. silakan klik kanan Sidebar Widget blog CB lalu pilih "inspect elemen", kelihatan kodenya tuh....
ReplyDeletetambahan kalo saya bisa berubah tapi pas posisi pratintau postingan keliatan deh tapi kalo tidak posisi priview ga muncul
Deletemalem CB dah ketemu nih biang keroknya,ternyata ada perubahan di heading tag u/ widgetnya, punya ane widget di rubah jadi h3 setelah ane rubah jadi h2 muncul tuh.atau sebaliknya .sidebar h2 dirubah jadi h3)
ReplyDelete