Dewa Inside

Memberi Warna Background Judul Gadget di Blog Reviewed by Dewa Inside Rating: 4

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.

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

Langkah - Langkah:
1. Pergi ke Template --> Edit HTML
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 :)

Share Artikel ini:

email subscribe

Tidak ada komentar:

Apa Pendapat Anda?

Setiap komentar sangat dihargai, namun karena keterbatasan waktu tidak dapat online setiap saat untuk me-reply komentar setiap orang. Komentar Spam (link aktif, o*at, p*rn*, j*di, dan sejenisnya) akan dimoderasi. Terima kasih atas perhatiannya dan Berkunjung kembali :)