Membuat Background Pada Judul Postingan

Membuat Background Pada Judul Postingan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Postingan anaa kali ini masih tentang modifikasi background pada template kalau sebelumnya trik membuat background pada judul sidebar sekarang anaa ingin berbagi trik sederhana lagi, bagaimana membuat background pada judul atau titel posts yang contohnya bisa dilihat pada gambar berikut atau aplikasi nyatanya disini

Mudah saja, berikut langkah langkah membuat background pada titel posts:

• Log in ke blogger=> pada dasbor=> klik tata letak=> edit HTML=> cari kode berikut:

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
text-align:center;
}

• kalau sudah dapat sisipkan kode berikut

background: url(alamat image anda)repeat-x;

• Sehingga keselurahannya menjadi seperti ini:

.post h3 {
  background: url(alamat image anda)repeat-x;
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
text-align:center;
}

• Terakhir klik save/ simpan.

Nah benar mudah bukan? Kalau hanya ingin mengganti background judul postingan dengan warna cukup sisipkan kode warna pada background seperti contoh berikut:

background: #5FB404;

Untuk melihat macam macam kode warna klik disini 

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Tweet