Tutorial : Tukarkan Post Quick Edit Kepada Icon Comel-Comel

Saturday, September 15, 2012

Tutorial : Tukarkan Post Quick Edit Kepada Icon Comel-Comel

Assalamualaikum^^

Kali ni tutorial pulak. setelah sekian lama sepi dengan tak update. dengan keadaan yang cool saya memulakan tutotial ni.

To sesiapa yang berminat nak tukarkan Post Quick Edit kepada icon yang comel-comel boleh follow tutorial ni ye. tapi diingat kan, tutorial ni hanya untuk pratonton sendiri bukan di pertunjukan.

Faham tak ?

Maksudnya kita sendiri je yang dapat tengok icon comel tu, orang lain tak. tapi kalau nak bagi orang lain tengok jugak terpaksalah bagi password blog korang ye.. hehehe

1. Dashbord > Edit html > Tick Expand Widget Templates

2. Ctrl F Cari code ni :

<b:includable id='postQuickEdit' var='post'>

3. Okey dah jumpa kan ?

4. Cuba tengok code dibawah <b:includable id='postQuickEdit' var='post'> ada tak code macam ni :

<b:if cond='data:post.editUrl'><span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

5. Adakan. ok biarkan code tu. dan copy pulak code ni :

<img alt='' class='icon-action' height='18' src='ICON COMEL' width='18'/>

6. Pastekan code diatas BAWAH code yang warna hijau tu k.

7. Saiz kebesarannya boleh tukar mengikut kesesuaian yang korang nak ok. height='18' width='18'

8. Tukarkan url icon kepada icon comel-comel. klik sini.

Hasilnya :

Contoh icon :
http://dl7.glitter-graphics.net/pub/1062/1062477ybgliska18.gif
http://dl2.glitter-graphics.net/pub/1263/1263522s9hlwacmv6.gif
http://dl10.glitter-graphics.net/pub/700/700480c7pwounood.gif
http://dl.glitter-graphics.net/pub/740/740441pv5fntcs3v.gif
http://dl.glitter-graphics.net/pub/1177/1177981lo2uiphds6.gif
http://dl8.glitter-graphics.net/pub/1261/1261728z8tbms8avn.gif
http://dl10.glitter-graphics.net/pub/1261/1261730oi84si24h4.gif
http://dl2.glitter-graphics.net/pub/481/481272hzf7on9j5c.gif
http://dl5.glitter-graphics.net/pub/503/503055ans53jzdwh.gif
http://dl.glitter-graphics.net/pub/1073/1073021xo8kj9fdk0.gif
http://dl4.glitter-graphics.net/pub/1597/1597834a5vwf9qqy8.gif
http://dl2.glitter-graphics.net/pub/1518/1518242fh6lz5mxa4.gif
http://dl4.glitter-graphics.net/pub/1212/1212164zz8p7srzi2.gif

9. Siap, Save.

Selamat Mencuba. nanti kalau jadi jangan lupa inform kat saya tau :)