Blog Ping

Arsip Blog

Kamis, 21 Oktober 2010

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 titel footer

membuat background titel footer

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

Tidak ada komentar:

Posting Komentar