Thursday 16 June 2011

cara tukar bullet list kepada yang lebih menarik(bergambar)

ok..ada sesetengah orang suka pada bullet yang biasa je,default punye bullet list dalam post tu..tapi if korang nak cuba tukar bullet korang kepada bentuk bentuk yang lebih menarik(cthnye bentuk rama-rama,love,strawberry cam yana tu ker or macam macam bentuk lagi) jom ikuti selanjutnya.mudah jer..jom!

ikut step2 berikut:


  • design > edit HTML > click " Ctrl + F "  (for newbie, Ctrl+ F bermaksud anda menekan Ctrl dan dalam masa yang sama juga menekan  word "F")
  • lepas keluar box, taip cari word "]]></b:skin>
  • copy code nie:
.post ul {list-style:none; .post ul li {     line-height: 1.4em;         background: transparent url(http://i215.photobucket.com/albums/cc23/ouii0303/cute%20bullets/1705.gif?t=1242006251) no-repeat scroll 0px 4px;     margin: 0.3em 0;     padding: 0 0 0.8em 20px; 
  • lepas dah copy, pastekan ia sebelum word ]]></b:skin> , begini akan jadi code tersebut selepas kita paste
.post ul {list-style:none; .post ul li {     line-height: 1.4em;         background: transparent url(http://i215.photobucket.com/albums/cc23/ouii0303/cute%20bullets/1705.gif?t=1242006251) no-repeat scroll 0px 4px;     margin: 0.3em 0;     padding: 0 0 0.8em 20px; 
]]></b:skin>
  • then,nampak tak yang yana dah boldkan warna biru tu?yang tu anda bolehlah menukar bullet anda sendiri.gambar apa untuk jadi bullet korang. bold biru mewakili image url.
dah siap kn? pastu leh la tekan preview.dah puas hati, tekan lah save. done! selamat mencuba!

p/s: sharing is caring. anything want to ask, just drop a comment below ok..tq..



3 comments:

  1. Thanx for the tutorial just type "tukar bullet" at google then found this blog ... :D

    ReplyDelete
  2. make sure u punye image tu type url punye.

    ReplyDelete