#

Cara Mengubah Bullet List di Blog

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/AVvXsEg-7LWoar19bTbtzmOA8nT5jXI-s8I6l69RybLpK9eiyaDsu-T4CqNUi0KOJ5zqgFWkzVZm0K9E1J3K9KkfgDZI4TtR0PqUalipFv_2cLllv1aiHZ9BlCg-XHoHdmdYYKDl52k7zcfVsMHN/s1600/bullet_blue_arrow.png');}
bullet gambar peringatan

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

4
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIrSFjjJXDGXMOrFQtmM9QHsRAx1NsgvROGtC4aSjWO_8GNOocP3FfbHhKthyeEXdmgp7FxMtOxFOyaXhdqoA3mSIVtBOZuIWV-ZEaBSBY1jmVW-4Uxl9K7LBcQRy-95L0S6zBA9wyE0K/s1600/bullet_home.png');} 
bullet gambar  centang

5
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqW7_NPK5AdIdhQ4prm0DMZhIYHQexuTbZxHegkRBjOZZq-NoNKpOBPyONki3_bXNfdZq8iucBFGieA_cLHR2VCDWdhGKVFtjFWYmb2yyi7HXToRgYSXQVlLxERyaJaYWCbwORZBp0Y7j/s1600/bullet_tick.png');}
bullet gambar lencana bintang
6
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg28Mzq-7yMucAoAbHiwOp82Insxq-d5G1nWnzOJQDXTKjuYE3IZ6YPlSrUCh3iOZc2Ki5CdqjWP4d-g4-vjuB6e3vzybGLkzfMCtdCrOdQPaCXCva6Xr466yMo9sMjuydaCy-yyKhCWkg/s1600/star_bullet.png');} 
bullet gambar hati/love

7
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTOdrVxSpOKVYkXC3PAgna8ioHrA_aOqzTDAta2hD13M8qZNIVPmIY3BnzYyQI1hgkPi2Zo6pcpAidK0yp9wgc08EFORwhiI3kKG-UjTpl9VOW98uSGQvjacMKebyinB_6Vx_taDbMyMo/s1600/Love+icon.png');} 
bullet gambar tambah
8
.post ul li {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzf7tmVljAR80YZkJ7P8pLqK54K0RrMLHsjnl9t4hTxXuS1E7vmVTXWnqVipb16WzBC1app7rzfMCZ1RPjfOmuuwpMi7JhzMyDMAKjJPStwWa7sxP923OPcfh06704T_KLglscv56AsS4/s1600/Green+plus.png');}
 Selesai..SOb.....!!

0 comments:

Posting Komentar