Thursday, April 11, 2013

cara mengubah bullet list di blog


halo sobat rizki :D

apabila kalian membuat artikel tutorial pasti kalian sering menggunakan bullet y kan?,selain membuat rapi juga mempercantik juga,kalau bullets default cuma bulat2 hitam doank kan?kurang menarik yuk coba ikuti trik dibawah ini


yg perlu kalian lakukan adalah:
  • buka blogger
  • ambil tab template
  • klik tombol coztumize/sesuaikan
  • kalian akan diarahkan ke tempat ky gini

Screenshot_1
klik perbesar
  • silahkan ambil tangkatan lanjut seperti gambar diatas
  • nah isikan beberapa code dibawah ini utk mengubah bullets nya di kotak yg disediakan
Bullet gambar panah

2
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhquaWq3dWxdaZsw2bWpdVJTzLmHt8RzyC4NI9Lzv-GH06drCgbHH2ZO6Md4cIRlhtIbHCWK3uqQ-KyFSQkPbFHCk2AG82qfbsoNe8_p4_6P2uCrkwTEg3XAQuGbn3OdH2TDPzMaDVU9dw/s1600/bullet_blue_arrow.png');}
bullet gambar peringatan

3
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdmn217slqZ6JZ9Rh7xkNC0FMoN0ruMXSaexJYYYl0aT6L0cWfrZZZ0SLgPpAdMDdQAvP-jOHuRffmP3Vl6mlpz-mLqFWdt9vAd07qfb2kOsy3QCTJN6PVHaq9I_fMZZfBubt5S5vX70/s1600/bullet_error.png');}
bullet gambar rumah

4
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4kH8pqPIjLqfx5m3cIUITkwVaYh3w73Cv-3RvmKA-PERw9eGeY6pTNn3f4ZXMq30TvuTu4CET2EOuHf9W7YuyPPzYJrTSoLqzKzeb7G-cw-Q0qJGbbZ8x67oWWUC8SIjCKbUNdmSvo4/s1600/bullet_home.png');} 
bullet gambar  centang

5
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzgfDH7phOZFfloElocbBwzwUDUBmbsd2-t4hkR9cmTfvexW13iBe4Lumr2t0Iw-VzUeRDZwugA9Wykp-KAfm_cd33MTVDk69Ysm68Cvns2Fb48uDo4Qig3XpHSztOr4SxSD8urrNH9p4/s1600/bullet_tick.png');}
bullet gambar lencana bintang
6
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9hC_IGMBGu67TTb4d-deuQ8PIsyPeQxN3fbQ-irg2bGq9zdEWWFUub1ZVBU4mD9wobvSxGllJNlOFafJTM_m2CkdWBK4U4UmyEVkH21TrjLrJi-jiFUS94Gnk0dGcBA4qTr6TOZZpA/s1600/star_bullet.png');} 
bullet gambar hati/love

7
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCenWr-aSTANlOpt0X7o8ulX2WXGkJLLAd-GWFJ5jKbqA85BmN0uF3CVdGFr-ms6j7HS-n26eyKUvCRembn1vgJDBts4U2-sGUcxAwzp9RMr24pqwBFXh_7vvoNGcyByBnEQJ2z_vt2g/s1600/Love+icon.png');} 
bullet gambar tambah
8
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu1zj_VGGE9A77AhXT3M-9A8_hGXy-Y2otTTfZp3hAQ1jwtkzQJNedHbkzzvp6w9MBS7zUi-cFhIDCjXvz77jw-9tDYf8rBrKSRwgBeO4cczNWIqy-oUg0_Z7nPYA5ur5GStLHqV562A/s1600/Green+plus.png');} 

thanks to:http://seo-kepo.blogspot.com
nah unik kan?,ayo silahkan buat blog kalian secantik mungkin jgn lupa utamakan kepuasan pengguna,
terima kasih

No comments:

Post a Comment