Senin, 28 November 2011

Trik menambah warna background judul sidebar

Trik menambah warna background judul sidebar. Menambahkan background pada judul pada sidebar akan menambah daya tarik tersendiri bagi suatu blog. Karena dengan judul yang diberi background pada sidebar akan tampak lebih jelas bagi pembaca.

Pada template tertentu kita bisa langsung mengubah warna background dengan mengganti kode warnanya. Tetapi bagaimana jika pada template tersebut belum disediakan kode untuk memberi warna background pada judul sidebar? Tentunya kita harus menambahkan sendiri kode-kode tersebut.

Untuk menambahkan kode tersebut ikuti langkah-langkah berikut:
1. Masuk ke Account blogger anda.
2. Dasbor > Rancangan > Edit HTML > centang Expand Template Widget.
3. Untuk berjaga-jaga jika terjadi kekeliruan Download Template Lengkap.
4. Untuk pencarian cepat tekan Ctrl+F dan pastekan kode di bawah ini pada kotak find:
.sidebar {
color:#1E90FF;
line-height:1.5em;
}

5. Setelah ketemu, pastekan kode di bawah ini di bawah kode di atas:
.sidebar h2 {
color: #ffffff;
font-size: 13px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: -.35em -.40em .25em -.35em;
padding: 3px 5px 3px 10px;
border-bottom: 1px solid #C0C0C0;
letter-spacing:0em;
text-transform:capitalize;
background:#4169E1 repeat-x top left;
}

Jadinya nanti akan seperti ini:

.sidebar {
color:#1E90FF;
line-height:1.5em;
}
.sidebar h2 {
color: #ffffff;
font-size: 13px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: -.35em -.40em .25em -.35em;
padding: 3px 5px 3px 10px;
border-bottom: 1px solid #C0C0C0;
letter-spacing:0em;
text-transform:capitalize;
background:#4169E1 repeat-x top left;
}

Keterangan:
color: #ffffff;(warna huruf/teks)

font-size: 13px;(Ukuran font/teks)

background:#4169E1 (warna bacground judul sidebar)

Pada huruf yang berwarna merah dan biru ganti sesuai keinginan anda.

6. Jika sudah selesai, SIMPAN TEMPLATE.
Selamat mencoba

Related Posts

Trik menambah warna background judul sidebar
4/ 5
Oleh

Contact Me

Nama

Email *

Pesan *