Memberi Background pada Menu Teks di Bawah Header

Pada posting sebelumnya saya telah menulis Membuat Menu di bawah Header. Nah untuk mempercantik menu tersebut bisa dilakukan dengan memberi warna latar pada teks tersebut. Caranya adalah:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

Memberi Background pada Menu Teks di Bawah Header

2. Kemudian klik pada Edit HTML.

Memberi Background pada Menu Teks di Bawah Header

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

Memberi Background pada Menu Teks di Bawah Header

4. Kemudian carilah kode:   ]]>



5. Masukkan kode berikut tepat di atasnya.

a.tombol1 {
    background: #993300;
    padding: 3px;
    color: #ffffff;
}
a.tombol2 {
    background: #993300;
    padding: 3px:
    color: #ffffff:
}
a.tombol3 {
    background: #993300;
    padding: 3px;
    color: #ffffff;

}

Kode  #993300;  adalah warna latar belakang teksnya. Jika ingin warna yang lain gantilah kode warna tersebut. Agar mudah mencari kode warna bisa dilihat di sini. 3px;  adalah jarak (bis) antara kotak latar belakang. Bisa diganti angkanya menjadi berapa yang anda inginkan. Sedangkan  #ffffff;  adalah kode warna untuk bis tersebut. 

6. Hasilnya akan menjadi seperti gambar di bawah ini. Jika penulisannya sudah tepat jangan lupa klik SIMPAN TEMPLATE.

    padding: 0;
{
a.tombol1 {
    background: #993300;
    padding: 3px;
    color: #ffffff;
}
a.tombol2 {
    background: #993300;
    padding: 3px:
    color: #ffffff:
}
a.tombol3 {
    background: #993300;
    padding: 3px;
    color: #ffffff;
}
]]>

1 komentar:

  1. cukup membantu gan, tetapi belum tepat dengan apa yang saya cari
    F52 follback ya gan

    BalasHapus

Pages