Blog Archive

Text Widget

Sample Text

Popular Posts

Pages

Blogger news

10 Juni 2013

Mengganti Bullet List dengan gambar/cek list

 


Setelah mondar mandir mencari cara mengganti bullet list untuk blog saya... Akhirnya saya tahu cara nya... langsung aja gannnnnnnnnnnnnn........


  • Masuk blogger
  • Pilih Template
  • Cari kode seperti ini
kode 1 :

.post ul li {
list-style: circle;
}
atau seperti ini
kode 2 :
.post ul {
list-style: circle;
}
 Lalu ganti kode di atas dengan kode di bawah ini
kode 1 :
.post ul li {
list-style: url("http://URLaddressofImage.gif");
}
atau
kode 2 :
.post ul {
list-style: url("http://URLaddressofImage.gif");
}

*Ganti http://URLaddressofImage.gif dengan url gambar mu / yang di inginkan..

atau gunakan gambar di bawah ini :

- kode = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWorGz7EbW6njzsYqdkm7WSEJW2HTe39XrJMG1IKbfwNnE1VIX3CsKncY3ZV7uq6JFTJ8Ks8I9SrLnwL4RvPHOL8Luq5hQZ9TPKz0IR70UxNX_XMMTY7ISzCyjoCXflpfjDo8TjTuBOo/s800/bullet-point-green-tick.png

- kode = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRD7YOhrqCow_8rE0IjHcVj3UtGcAXTuY_wHr4slXcXEO8TJqjR06ob5VQaV6e0Ygq-8TOTVqCojRIUSqRmrriGW_NfoI1iER90Hd-jIVmkHu3LhMq2e8xO06BvFeXhm0qzNAClf0EXO0/s800/bullet-point-image-1.png

- kode = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikRh4iELSudemz0Fu6jzTAWW-D_GtF2VjmryapVQWafeE0K6cO5tr1Hr-8HfS3ek0bJGj_OTfJTJ_SBqobJSKawJ-3CkOl3frzVpgVfYvaaIEXknc551hjk_qRAFjUQdZ7tDbYHSjBYeY/s800/bullet-point-image-5.gif

- kode = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5NQ9orMfXdEVHUnSJW6j2HHyBaH9lbSqzNQ9icbO_EbCpUdfTX3uq7mvM6OPKsB4Bn3HRlSWzl7SUc5lOg0YH1VIj600PovYuANlj843ojquzNgEAU9T7fY3Uoby-_TVDXE0JnMIKJZk/s800/bullet_list_icon.jpg

0 on: "Mengganti Bullet List dengan gambar/cek list"