Mengganti bullets standar Blog

Pas lagi asyik-asyiknya bongkar-bongkar file, gak sengaja nemu postingan ini. Sebenarnya postingan ini saya copas dari blog seseorang. Namun karena saya pastekan di word makanya saya lupa dulu ngambil dari blog siapa. Karenanya saya pengen minta maaf bagi blogger yang postingannya saya copas dan mohon keiklasannya B-).

Bukan apa-apa, hanya ingin berbagi saja. So met membaca....

Bosan dengan tampilan bullet atau penomoran yang ada dalam blog Anda? Anda dapat dengan mudah menggantinya dengan icon pilihan Anda. Ya tentunya icon ini berbentuk kecil dan pas untuk menggantikan bullet default bawaan Blogspot.

Untuk contoh adalah bullet pada screen shot berikut :

Cara menggantinya mudah kok, ayo ikuti langkah berikut:

1. Login - Layout/Tata Letak - Edit HTML - Expand Template Widget
2. Cari menu li pada template Anda, contohnya pada kode berikut:
   

   .post li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 1.5em;
   }

3. Ganti menjadi seperti ini:
   

   .post li {
   background:url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/2.png') no-repeat 0px .30em;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 1.5em;
   }

   Ganti url gambar yang berwarna merah di atas dengan url gambar anda sendiri, Anda bisa mengambilnya dari PhotoBucket, ImageShack, atau yang lainnya.
4. Simpan template Anda

Mudah sekali bukan? Semoga bermanfaat ^_^