Wednesday, August 5, 2009

MEMBUAT JUDUL WIDGET DENGAN BACKGROUND BERWARNA

Postingan ini sengaja O'chan buat untuk menjawab pertanyaan Heri yaitu "kalo buat judul widget punya background yang berwarna gmn?". O'chan coba-coba cek kodenya n akhirnya ketemu cara memberi background pada judul widget. semoga membantu.

Carilah kode untuk sidebar heading. Kodenya biasanya menggunakan .sidebar h2. Kodenya bisa beda-beda untuk tiap template. Di bawah ini O'chan kasi 2 contoh :

/* sidebar heading */

.sidebar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $sidebarHeaderColor;
font: $sidebarHeaderFont;
background:#718E89;
}


Ini kode dari salah satu template ourbloggertemplate.com

.sidebar h2, .rsidebar h2, .lsidebar h2 {
background:#718E89;
color:#ffffff;
font-size: 16px;
font-family: Century Gothic, Trebuchet;
font-weight: bold;
margin: 0 0 10px;
padding: 3px 0 3px 10px;
}

Ini kode dari salah satu template simplyfabulousbloggertemplate.com

Untuk warna biru adalah kode warna background judul widget.

background:#718E89;

Bagian yang berwarna pink adalah kode warna hexadecimal. Bisa dilihat di sini. letakkan kode background seperti kode warna biru tersebut di antara {...} bersama kode css lainnya. setelah itu coba view blog untuk melihat hasilnya.

4 comments:

  1. ya, makasih makasih, blm tak coba,ntar y

    ReplyDelete
  2. Saya cari2x disini ketemunya, beruntung ada jodoh kesini he..he, jadi lembur nieh ntr malem buat ngereham blog sy.. top marketop mas blognya.

    ReplyDelete
  3. bole coba yah,pemula neh..

    lam kenal,tengkyu..

    ReplyDelete

jangan lupa kasi komentar. oiya, kalau ada request tentang artikel dll, komen ajah ya... mau tanya PR juga boleh, terutama al biologi. nanti diusahakan buat dibikinin artikelnya... ok, tengkyu dah mw baca!!! jangan lupa like page-nya n follow d fb yah,,,

dapatkan info kamus pengetahuan langsung dari email anda

TULISAN TERBARU