Thursday, February 4, 2010

Mengganti Default Bullet dengan Arrow Icon Pilihan pada Blogspot

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 blog ini, berikut screen shotnya:
Cara Mengganti Default bundaran Bullet dengan Arrow Icon Pilihan pada Blogspot
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 ^_^

No comments:

Post a Comment