Cara membuat background pada judul postingan blog

membuat background pada judul postingan bisa memudahkan pengunjung melihat judulnya, dan katanya lebih memudahkan search engine mendeteksi keyword yang ada di judul tersebut.

Contoh judul postingan yang di-ubah background-nya bisa dilihat seperti gambar di bawah ini.

Untuk mengubah /membuat background judul postingan lakukan prosedur berikut:

1. Di dashboard pilih Tata letak , Edit HTML
Cari kode : post-title {


Di bagian bawah post-title { , masukkan kode

line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

atau
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

catatan: #000099 adalah kode hexadesimal untuk warna biru (bisa gunakan warna lain)
Selain menggunakan kode warna hexadesimal anda juga bisa menggunakan warna seperti: yellow , red, pink, blue,green, black, dll.

Tampilan scriptnya seperti di bawah ini

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid yellow;
background-color: yellow;

atau:

post-title {
margin: 0;
padding: 0;
font-size: 125%;
font-weight: bold;
line-height: 2.1em;
border: 4px solid #000099;
background-color: #000099;

Related Post: