Saturday, March 26, 2011

Menambahkan Icon Di Samping Label/Category

Label Atau Kategori Merupakan Salah Satu Dari Widget Terpenting Dalam Blogger. Seperti Layaknya Berdagang, Pembeli Akan Lebih Mudah Menemukan Bara ng Yang Ia Inginkan Apa Bila Barang Dagangan Di Bagi Sesuai Klasifikasi Kategori Tertentu. Begitu Juga Dengan Blogger, Dengan Adanya Kategori Tertentu, Para Pengunjung Akan Lebih Mudah Mencari Artikel Yang Diinginkan Hanya Dengan Memanfaatkan Kegunaan Dari Kategori.
Namun, Label Atau Kategori Akan Lebih Baiknya Kita Hias Sebaik Mungkin Untuk Memberi Daya Tarik Yang Sesuai Untuk menambah Icon Pada label atau Category bukanlah hal yang sulit. Karena jika kita rajin dan giat mencari informasi pasti semuanya mudah dilakukan. Tujuan Menambahkan Icon pada menu Label/ Category adalah untuk memberikan nuansa indah pada blog sendiri. 
Contohnya dapat dilihat pada blog Saya ini. Tertarik ? Berikut ini cara membuatnya


1) Login Ke Blogger Anda
2) Masuk Ke Rancangan > Edit Html
3) Back-Up Lah Terlebih Dahulu Template Anda Untuk Menghindari Kemungkinan Terburuk
4) Jika Sudah Mem-back Up, Centang Expand Widget Template
5) Lalu Carilah Kode ]]></b:skin> (Gunakan Ctrl+F Atau F3 Untuk Memudahkan)
6) Jika Sudah Ketemu Paste Lah Code Di Bawah Ini Tepat Diatas Code ]]></b:skin>

/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://i894.photobucket.com/albums/ac148/fajrialhadii/folder-open-16x16.png) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}
7) Ubah Tulisan Berwarna Merah Dengan URL Gambar Yang Ingin Anda Jadikan Icon Disamping Label/Category
8) Save

Happy Blogging
y

No comments:

Post a Comment