Berikut ini contoh contoh icon untuk dipasang di label atau disebut juga kategori agar blog terlihat lebih keren dan enak dipandang mata. anda tidak perlu menyisipkan semua kode disini, cukup pilih satu saja yang sesuai dengan selera anda.
 |
Contoh Icon 1
|
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibiLmKbXpfCWypv1rCvkzKb1QlBN2pjOZ7mi7vA9RmFga8KnRgU4m3Czfzp72oQrSETJk_SKcXewkmgSK3TKO7vDLnhhoNDRx0o2F6d_SDHED-iTf-LAC9jX5ow60muTWRFap0Iif-9M2B/s32-no/blackberry.png"/>  
 |
| Contoh Icon 2 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtT4j9OtypzULcHPB6y3sRspkkffB2ReUYVG9erP9LY9xuGtEFwaLL4GZ3zair-Iox9fppXujxyEzCf6XHw_yUp76tkOrzotUpAy0W4gaoLAs6PuZ1Bnp32WOUzdSjLtzjCONFDBrkniZ/s32-no/blogger.png"/>  
 |
| Contoh Icon 3 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcY-ir8jPhinN2wrg1ZGXSojx9bC7So6cEmtSuDYNtzk5A7wKFQs5NjyWB6qAb5MjlCp-yIlfmdIONRBLwlP3k9WfGXQr_EdHY0LQKtTuiU7lYCZb9be7vHifMtrhQnEF1FdCA4llOdgmC/s32-no/counter+strike.jpeg"/>  
 |
| Contoh Icon 4 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHV559tXjbIiEp07WKNOHiqRCfVGN53eqklamaHIb447_x49u9XxqMPUFPAdy2Uq0MKVn_CX33_qhxquxl3pHz1UJnWC_3P0_lyGohnNkGiIoebJMrW0zOk9HHrEHj9bijuslSnRgI4nCc/s32-no/internet+explorer.png"/>  
 |
| Contoh Icon 5 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA3OoS4XcgKxzQU55SRASPKd-Zhdc84y_3WJQPkS6SrajNnfoJSE-aPYbXj5v85GffdS2VZQmwv2YDQ1OuhT3EJQ2Yq-F0ZaBCcMev-UJ8bktX2i_umbem4r0UYv_v7PWC4QIztkd23TAI/s32-no/iTunes.png"/>  
 |
| Contoh Icon 6 |
<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtA4cqFvxorYwYo7-yUKD9xwsI3smmP7z5ZhyOR1pI2BZWRmSYvpjyhc0bTDFfZ61Z_AKiMNskthGk1rdBmM1xKRgFdWQ2foLrQvYKrlxVj2Ihv78S-hHccxO73_c1kHn_VdjL_usQ8EJM/s32-no/jarum+klip.png"/>  
 |
| Contoh Icon 7 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRMypNo147Wjuxdw7_Jc85yQxCzqu1uyfOfL2oagSHDTZl7nhZyZ1GZhbxbjgq7QuqcZoPm86cLBx_NWJX3DGWQjH-FyL2nMCnt6PTEQ79-zJrauzvbiOI6fPIfP4ffHfTF1WP8D72Oqh/[1].png"/>  
 |
| Contoh Icon 8 |
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZwkB6fYDvKoXv0qlKZUXjWbJ2ZiVM4_KKZBJNO9CfqtEDgalTMnWUJlMte9QltHFqGDLH-1_9MlkTrGs4yQyq_R-qEL0FQu58LkM6kEGxiyV9_wy-Gc31o3f8TDx1nVXnCBPyS9iYRGj8/s32-no/polder.png"/>  
Catatan: dari 8 script diatas, anda hanya perlu copy salah satunya saja yang sesuai dengan keinginan anda,
Caranya:
- Login ke account blogger anda
- Klik segitiga kecil disamping daftar entri,
- Klik Template
- Klik tombol edit HTML
- Cari kode berikut:
<span class='post-labels'>
Kalau tidak ketemu cari yang kode script yang bawah
<b:if cond='data=post-labels'>
- bila sudah ketemu, silahkan sisipkan salah satu script icon diatas
- Klik simpan dan lihat hasilnya
Catatan: Biasakan untuk selalu backup Template anda sebelum melakukan perubahan atau penambahan script baru demi mencegah terjadinya hal hal yang tidak diinginkan.
Contoh peneranan Script
Bila menyisipkan scrip iconnya dengan menyisipkannya ke script
<b:if cond='data=post-labels'>
maka sebelum anda sisipkan script icon diatas, kira kira seperti tampilannya
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
Sisipkan kode script iconnya diantara
<b:if cond='data:post.labels'> Taruh Disini <b:loop values='data:post.labels' var='label'>
Saya contohkan saya sisipkan script icon nomor 6.
Dan hasilnya jadi seperti ini:
<b:if cond='data:post.labels'><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtA4cqFvxorYwYo7-yUKD9xwsI3smmP7z5ZhyOR1pI2BZWRmSYvpjyhc0bTDFfZ61Z_AKiMNskthGk1rdBmM1xKRgFdWQ2foLrQvYKrlxVj2Ihv78S-hHccxO73_c1kHn_VdjL_usQ8EJM/s32-no/jarum+klip.png"/>  <b:loop values='data:post.labels' var='label'>
Selamat mencoba, Semoga artikel sederhana ini bisa bermanfaat. :D
