Cara Membuat Background Pada Titel Footer

Melengkapi postingan sebelumnya. Berikut langkah langkah membuat background pada titel atau judul footer seperti pada contoh gambar berikut atau lihat

disini dan disini 

 

Membuat background pada titel atau judul footer

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

#bottom h2 {
padding:7px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
font-size:12px;
font-weight:bold;
color:#0000FF;
text-align:center;
line-height:1.4em;
text-transform:uppercase;
}

• kalau sudah dapat sisipkan kode berikut

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

• Sehingga keselurahannya menjadi seperti ini:

#bottom h2 {
padding:7px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
font-size:12px;
font-weight:bold;
color:#0000FF;
text-align:center;
line-height:1.4em;
text-transform:uppercase;
background:url(alamat image anda)repeat-x;
}

• Terakhir klik save/ simpan.

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

background: #5FB404;

Untuk melihat macam macam kode warna klik disini