Membuat Background pada Judul Sidebar

Untuk lebih mempercantik halaman depan blog ada satu lagi yang bisa dilakukan yaitu dengan membuat background pada judul sidebar. Template bawaan blogger pada bagian judul sidebar biasanya masih polos, nah anda bisa sedikit lakukan modifikasi dengan cara membuatkan backgroundnya. Mudah dalam hitungan menitan udah siap, yang penting cermat soalnya melalui edit html, bagi yang sudah biasa edit html ga sampai 5 menit selesai.
Berikut langkahnya:
1. Login ke blogger
2. Di dasbor klik rancangan atau template
3. Masuklah ke area Edit html, sebelum menambahkan kode klik full download template untuk antisipasi error karena kesalahan kode.
4. Di area edit html temukan kode .sidebar h2 akan terdapat sederetan kode kurang lebih seperti ini:
 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;

repeat-x top left;
}

Nah anda cukup menambahkan kode: background:#2200CC  
Untuk #2200CC yaitu kode warna anda dapat meilih sesuai selera anda.

diantara deretan kode tersebut misal sebelum : color: #ffffff
Jika anda ingin menampilkan background baerupa gambar atau border cantik sesuai pilihan sendiri anda dapat menggati kode warna dengan url gambar anda di tinypic atau photobucket sehingga menjadi: background:url('URL gambar')
Sebelum disimpan ada baiknya klik pratinjau dulu, kalau sudah sesuai keinginan ya tinggal klik simpan template.
Nah selamat memodifikasi background judul sidebar, hapy blogging.



 

Menarik untuk Dibaca:

Trik Blog

• Akibat Jarang Update Blog
• Membuat Widget Label dalam Scrolbar
• Membuat Breadcrumbs Terindeks Google
• Membuat Widget Entri Populer Cantik
• Segera Nonaktifkan Arsip Blog Anda
• Cara Mengatasi Kredensial OpenID
• Mendulang Trafik dan dollar dari Easyhits4u
• Survey Dibayar Dollar dan Triffic
• Menimbang Penting Tidaknya Buku Tamu
• Melihat Posisi Artikel di Google
• Mengatur Gerak Teks Menggunakan Mouse
• 2 Langkah Pasti Mendatangkan 1 Juta Pengunjung
• Cara Mempertahankan Alexarank
• Membuat Artikel Tampil di Halaman Pertama Google
• Cara Membuat Video Dalam Posting
• Cara Membuat 3 Kolom Tambah Gadget
• Ping Spesial Agar Googel Langsung Mengindeks Artikel
• Trik Jitu Mempercepat Loading Blog dengan Compres CSS
• Trik Mengaktifkan Fitur Simpan dan Keluar pada Mozilla Firefox 4