Friday, November 5, 2010

.Tutorial : Letak Gambar/Icon di Sebelah Post Title.

sementara ada masa free , internet ngah baek punya layann .
bak aku bagi tutorial sebijik .
dah lame nak share dengan kau , tapi masa sangat menjelesi aku .

ehem , back to your seat please .
sekarang , keluarkan laptop canggih manggih korunk .
bukak dashboard memasing .
sedia tangan di mouse .
cikgu nak mula mengajar .
rini kita belajar cara nak letak icon/gambar di post title .
alaaa yang macam icon HI ! blink blink kat blog cikai cikgu ni ;)
ambil perhatian ye ;)

pape hal , sile download full template anda , in case berantakkan , tado yang nangeh mintak cikgu boto kan ;D

Step 1

Dashboard>Layout>Edit HTML. klik pada Expand Widget Templates.



Step 2
Copy and Paste code di bawah , hold dekat notepad sat .

<img src="LinkGambar"/>

Step 3
Dengan menggunakan kuasa magis , CTRL +F , cari code dibawah .

<a expr:href='data:post.url'>

Dan letakkan code yang di hold di notepad tadi , di antara code di atas dan code di bawah .

<data:post.title/></a>

Contoh macam ni .

<a expr:href='data:post.url'><img src="Link Gambar"/><data:post.title/></a>

Step 4

Preview dulu , jangan gelojoh nau kamu nak tekan save ehh .

Step 5

Dah pueh ati ? Boleh tokan save ! siap !


nampak tak kat Step 3 , ade perkataan link gambar .
kamu gantikan perkataan link gambar dengan URL gambar yang kamu nak letak .
ikut suke / terserah nak gambar/icon ape.

cara nyaa :



  • kamu pegi kat www.glitter-graphics.com 
  • browse gambar/icon yang kamu nak
  • klik kat gambar/icon tuh .
  • pastu amek URL dia .
  • gantikan dengan perkataan LINK GAMBAR .

paham ?

*yang merah tuh ialah URL gambar/icon*


jika ade sebarang kemusykilan , sile kemukan di formspring cikgu yep .
selamat berjaya ;D


tutorial credited to : koz