Memberi Warna Background Judul Gadget di Blog

Sama hal-nya dengan Memberi Warna Background Judul Posting Blog, dapat membuat fokus pembaca akan isi suatu konten atapun gadget. Untuk postingan kali ini adalah memberi warna background judul widget (Artikel Populer, Komentar terakhir, dkk) yang biasanya berada pada sisi samping tampilan dari blog sobat. Seperti banyak orang bilang, perbedaan warna itu dapat menarik perhatian mata agar lebih fokus akan suatu hal.

Mungkin sobat juga tertarik:

a. Membuat Gadget Melayang di Blog

b. Menambah Gadget disamping Header Blog

c. Menampilkan/Mrnyembunyikan Gadget di Blog

Langsung saja berikut langkah-langkah untuk memberi warna background pada judul widget di blog.

Langkah - Langkah:

1. Pergi ke Template --> Edit HTML

2. Klik pada kotak Edit HTML dan cari (CTRL+F):

h2 {

    Kode lengkap akan terlihat seperti ini:

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);

3. Tambahkan kode berikut di bawah-nya:

background:#3778cd;
border-radius: 11px 0px 11px 0px;

    Jadi akan terlihat seperti ini:

h2 {

  font: $(widget.title.font);

  color: $(widget.title.text.color);

  background:#3778cd;
  border-radius: 11px 0px 11px 0px;

Catatan:
*background:#3778cd; --> Warna background, Anda dapat memilih warna background (#3778cd) di --> Kode Warna RGB
*border-radius: 11px 0px 11px 0px; --> Mengatur bentuk latar background (11px 0px 11px 0px).
 Sobat dapat lihat di --> www.cssportal.com/css3-rounded-corner untuk lebih detail-nya.

4. Preview untuk melihat dan kalau cocok Save Template

Selamat mencoba :)