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.

2. Kemudian klik pada Edit HTML.

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

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;
}
]]>