Memasang Icon Pada Setiap Judul Sidebar

Pada postingan sebelumnnya saya sudah menulis tetang Memasang Icon Sebelum Code Postingan. Sekarang saya memposting Memasang Icon Pada Setiap Judul Sidebar. Caranya tidak jauh berbeda, yaitu cukkup dengan menambahkan sedikit code.
langsung saja ikuti langkah-langkahnya:

1. Login terlebih dahulu pada blogger sobat.
2. Kemudian pilih Tata Letak dan klik Edit HTML.
3. Jangan lupa beri centang pada Expand Template Widget.
4. Untuk keamanan atau berjaga-jaga jika terjadi kegagalan pada peng-Editan kamu dapat
mendownload terlebih dahulu dengan mengeklik links "Download Template Lengkap".
5. Cari code #sidebar-wrapper h2{ (untuk mempermudah dalam pencarian gunaka Ctrl+f untuk
pengguna firefox).
6. Seltelah ketemu, tambahkan code warna hijau pada code tersebut sehingga kurang lebih menjadi seperti ini:

#sidebar-wrapper h2{ background: url("http://www.blogblog.com/rounders/icon_arrow.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}

(Jangan lupa untuk mengganti alamat gambar yang berwarna merah dengan alamat gambar yang kamu inginkan).
7. Simpan dan selesai..

Bagikan Artikel Ini :