Tuesday, September 14, 2010

Modifikasi Ikon List pada Postingan

Modifikasi Ikon List pada Postingan. Maksudnya, mengubah ikon yang biasa-biasan saja dengan gambar atau ikon sendiri. Contoh

Modifikasi Ikon List pada PostinganModifikasi Ikon List pada Postingan

BAGAIMANA ??? TERTARIK ??? TKP --
  • Masuk ke blogger
  • Buka design / rancangan
  • Pilih edit HTML
  • Cari kode .post ul li { . . . . } keterangan : titik-titik adalah kode yang lain (Gunakan Ctrl + f )
  • Jika tidak ketemu cari kode .post{ . . . . } saja
  • Nah, ganti kode tersebut .post ul li { . . . . } dengan kode berikut ini (Note : jika menggunakan kode .post{ . . . . } maka letakkan kode di bawah ini setelah kode .post{ . . . . } )
.post ul li {
list-style: none url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdVpng6MNIn7dM-oj8L_GvguihMY0pyHSgEbvbVyVTW5MQTC5VLCYmVmh4e0D1hkhwO513mS5I6kQraxrE3BieAT8d-BH-CLXpEsoDikZS9a-U2kW-MgGBAQeqCO_eIKXvfM1ucTeQv0/s1600/icon_star.PNG) inside;
vertical-align: middle;
padding: 0px;
margin-left: -10px;
margin-right: 10px;
}
  • Keterangan :
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdVpng6MNIn7dM-oj8L_GvguihMY0pyHSgEbvbVyVTW5MQTC5VLCYmVmh4e0D1hkhwO513mS5I6kQraxrE3BieAT8d-BH-CLXpEsoDikZS9a-U2kW-MgGBAQeqCO_eIKXvfM1ucTeQv0/s1600/icon_star.PNG adalah URL ikon bintang seperti gambar di atas. jika Sobat ingin menggunakan ikon atau gambar millik sendiri, gantilah kode tersebut
    • Saya punya stock ikon list ( klik di sini )
  • Simpan template

No comments:

Post a Comment