Tutorial : tukar bullet kepada cute icon ! for blogskin and simple blog

, , No Comments
hai..ni saya nak tunjuk cara untuk tukar bullet kepada icon comel for blogskin

BLOGSKIN :-
  1. dashboard -> template
  2. tekan CTRL + F serentak dan cari code </style>
  3. kemudian korang copy code kat bawah ni

    li { list-style-image:
    url(URL BULLET);

    }
  4. next,korang pastekan diatas code </style>
  5. preview dulu..kalau menjadi baru save!

SIMPLE BLOG :-

  1. Dashboard > Design > Edit HTML
  2. Tekan Ctrl + f dan cari code ]]></b:skin>
  3. Copy code dekat bawah ni

 .post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(URL BULLET) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}

  4. Paste di atas code tadi
  5. Preview & save

CONTOH URL BULLET :-

 
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new11.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new05.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new01.ico
http://www.drikoti.net/Goodies/Favicons/Ico/fv-new17.ico
http://media.tumblr.com/tumblr_m2ruqmmAAr1qdlkyg.gif
p/s : kalau nak cari sendiri boleh je.. kat sini ada banyak !










0 comments:

Post a Comment

Leave your comment below chio!