Memberi Warna Background Judul Posting Blog

Template default blogger memang tidak menyediakan edit warna background judul posting pada Costumise-nya. Padahal dengan memberi warna background pada judul posting, dapat membuat lebih fokus pembaca mana judul dan mana isi. Selain itu membuat tampilan blog default blogger kita menjadi terlihat sedikit lebih menarik dari sebelumnya. Untuk itu agar bisa memberi warna background judul posting di blog sobat dapat lakukan pada Edit HTML-nya. Langsung saja berikut sobat ikuti langkah-langkahnya.

Langkah - Langkah: 
1. Pergi ke Template --> Edit HTML
Edit HTML


















2. Klik pada kotak Edit HTML dan cari (CTRL+F) kode:
h3.post-title, h4 {
    Kode lengkapnya akan terlihat seperti ini:
h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
3. Tambahkan kode berikut dibawah-nya:
    Pada dasarnya cukup tambahkan kode "background" saja. Karena tidak butuh garis bawah (kecuali sobat hanya
    ingin garis bawah), dan pading hanya untuk merapikan saja.
background:#3778cd;
border-bottom:4px solid #3778cd;
padding:1px 2px 3px 4px;
    Jadi akan terlihat seperti ini:
h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
background:#3778cd;
border-bottom:4px solid #3778cd;
padding:1px 2px 3px 4px;
}
Catatan:
*background:#3778cd; --> Warna background. Sobat dapat lihat macam-macam kode warna di --> Kode Warna RGB
*border-bottom:4px solid #3778cd; --> Garis bawah
*padding:1px 2px 3px 4px; --> Merapikan posisi latar pada tulisan. 1px(atas), 2px(kanan), 3px(bawah), 4px(kiri).
 Sobat dapat belajar banyak kode HTML, CSS, Javascript, dkk di --> www.w3schools.com ada test hasil-nya juga.

4. Preview untuk melihat tampilan, jika cocok sobat dapat Save.

Sobat dapat lihat juga --> Cara Memberi Warna Background Judul Widget di Blog yang berada pada sisi samping tampilan blog sobat.
Selamat mencoba :)

0 comments:

Posting Komentar

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 :)