Tutorial Cara Letak Gambar Di Sebelah Tajuk Post

click to zoom

hai all...hari ini koz akan tunaikan permintaan pengunjung laman budak nakal ini yang memintak koz buat tutorial cara letak gambar/icon di sebelah tajuk entri atau tajuk post...Contohnya seperti dekat blog ini,dekat setiap tajuk post pasti ada gambar di sebelahnya...Cara-cara nak buatnya seperti berikut...

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code di bawah

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

Cara termudah untuk cari code ini tekan CTRL+F pada keyboard dan copy paste code ini ke ruangan find...

Langkah 3

Kemudain copy code di bawah

<img src="LinkGambar"/>

Dan paste di tengah-tengah code antara code ini

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

dan code ini

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

Contoh akan jdi seperti ini

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

Langkah 4

Kemudain Ganti/Tukar "LinkGambar" kepada link gambar yang korang nak letak

Save dan lihat hasilnya...

Camat mencuba...
Ranking: 5

Comments:24

24 June, 2010 11:27

tenkiu en koz... ^_^ nnt nk try laaa

24 June, 2010 13:43

tak jumpe pon

...

25 June, 2010 11:48

kalau x jumpe cuba cari code ini..

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

kemudain bru tgk di sebelah code atas ini ade x code ini
<data:post.title/></a>

kalau ade itulah codenya...sebab kebanyakan templet codenya ada yg smbung2 dan ade yang pecah2

Cth code smbung:-

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

Cth code Pecah:-

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

25 June, 2010 19:13

tengs taw 4 the sharing...

27 June, 2010 03:33

I'm newer blogger..d0 support me~plzzz~..thx to Mr Koz f0r his bestiest tutorial..ever~ ^_^

menarik blog ni...tima kasih byk2...:e:

28 June, 2010 20:03

wah..comellah blog ni....sukanye tgk....:m

28 June, 2010 20:19

:m:

02 July, 2010 12:28

cth link gambar tu mcmana..try kat imageshack byk link yg keluar..

02 July, 2010 14:26

~suNshiNe~ @ ambil yang "Direct Link" punya^^

17 August, 2010 17:13

ala..da try...tp xkua pn gmbr nye...sdey....

17 August, 2010 17:49

ympg tny...kalo jd cmnie npe ye?

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "w" must end with the ';' delimiter.

23 August, 2010 18:11

dah buat...thanks..

maceh !! ngee~~ =)

28 August, 2010 08:34

erm... nk tny nih!
dkt mane kite buleh dpt link gmbr utk 'gambar sblh title post'???

05 October, 2010 04:48

link gmbr 2 mcm ne eh?x dpt la...ermm

16 November, 2010 21:27

yes!
dah jadik!
thanks taw!

29 January, 2011 22:47

nape bile nak preview di kuar error ye??? takut plak nak save yg dah edit tu

31 January, 2011 02:42

ok thnx..dpt..hehe

11 May, 2011 12:45

aii..knp x leh erq???dia kuar ni lak...
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
help me...

17 May, 2011 14:57

thank you :D

21 May, 2011 08:58

thank you :)

17 July, 2011 03:39

tq!!! :):)

04 August, 2011 01:29

Tumpang tanya..
saya new blogger..
sebelum buat,kena backup template dulu kan?
cane nak backup template ye?

Post a Comment

Komehlah dan klik G+ di atas sekali okey^^

 
Google PageRank Checker Powered by  MyPagerank.Net