Friday, October 9, 2009

.tutorial #13 - enlarge image

.

.salam semua~

.dah lama rasanya tak buat tutorial .hehe~
.oke, kali ni nak ajar pasal enlargement image
.cuba click pic kat bawah ni

.teruja tak?
.magik kan kan kan?
.ekekekeke~
.senang je nak buat macamtu

1) .buka Layout - Edit HTML

2) .cari code </head> *cari guna CTRL+F*

3) .then, copy code kat bawah ni dan paste sebelum code </head> yang korang cari tadi

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://h1.ripway.com/hanatrg/jqeury magnifier.js' type='text/javascript'>

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


4) .then, Save :)

5) .benda ni buat sekali je, then tak payah buat lagik

*.:。✿*゚‘゚・✿.。.:* *.:。✿*゚’゚・✿.。.:* *.:。✿*

*yang ni wajib buat setiap kali post gambar dalam entry*

1) .upload pic seperti biasa time nak tulis entry baru .test dengan 1 pic dulu .kang kalau upload banyak-banyak kang, korang jugak yang pening @.@

2) .lepas upload, korang klik Edit Html, the delete code yang warna merah macam kat bawah ni

Contoh :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_M0JVIpt_xtc/SsxFpD2tKzI/AAAAAAAAE3A/08aDGElFldA/s1600-h/DSC01782.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_M0JVIpt_xtc/SsxFpD2tKzI/AAAAAAAAE3A/08aDGElFldA/s320/DSC01782.JPG" alt="" id="BLOGGER_PHOTO_ID_5389759425767353138" border="0" /></a>

3) .then code image korang akan jadi macam kat bawah ni

<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_M0JVIpt_xtc/SsxFpD2tKzI/AAAAAAAAE3A/08aDGElFldA/s320/DSC01782.JPG" alt="" id="BLOGGER_PHOTO_ID_5389759425767353138" border="0" /></a>

4) .then korang tambah class="magnify" magnifyby="5" di antara <img dengan style= .maknanya lepas korang tambah, ia akan jadi macamni

<img class="magnify" magnifyby="5" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 240px;" src="http://4.bp.blogspot.com/_M0JVIpt_xtc/SsxFpD2tKzI/AAAAAAAAE3A/08aDGElFldA/s320/DSC01782.JPG" alt="" id="BLOGGER_PHOTO_ID_5389759425767353138" border="0" /></a>

5) .then it's done! .try publish entry korang .jadi ke tak .selamat mencuba! :)

CREDIT TO HANA TRG =)

UPDATE:
Boleh jugak refer tutorial dekat
Planet Pari-Pari!

25 comments

hannie_luv_vespa said...

yes2...tq sis...
mmg jadi r...
santeknyer...

cik intan (◡‿◡✿) said...

~hannie

.kene paksa bg komen
.ekekekek~

.welkem btw~ ;)

hannie_luv_vespa said...

hahhaah..
xder r..
ikhlas niyh..
heheheh...

✿ Cik Cimi said...

br nk wat komplen tuto xjd.
gagaga.
tp nih da renew.
thx teacher comot.
lalala.

cik intan (◡‿◡✿) said...

~hannie

.kekekeke ye lah
.sis perrrcaye! ;p

cik intan (◡‿◡✿) said...

~cimi lagik comot

.hahaha
.teacher kn hebat! ;p

chacha said...

sis~~ kenape bile chacha buat edit html tuh, kod yg kua lain. xsame mcm yg sis tunjuk... hurmmm~~

intanurulfateha (◡‿◡✿) said...

@chacha

.ade sumtin wrong with this tuto
.rse coding die kene edit sket

PUPUT said...

wahhhh..nice..lawa2...tutor pon best...^_^

PUPUT said...

eh..leh expired ke?hehe...yg awk wat tutor ni kan, upload gmbar sdr pon boleh la kan..tanpa ada url...?

intanurulfateha ❤ said...

@PUPUT

.hee tq!

intanurulfateha ❤ said...

@PUPUT

.lepas upload gmbr kn, dpt url dr blogger
.same jer ;)

huda rahman said...

sis..
kalau dah buat yang sekali je tuh,
then setiap kali nak upload gambar kena buat jugak eh yang kedua punya tuh?



kalau tak buat?

asz.wani said...

sis,xleh pon..dy sama je cam yg slalu kte upload pic tu... =(

~Dr.CiNta~ said...

y tak jadi ye? T____T still the same

syah ai said...

xjd pon? haha. xde pon code yg kne delte tuuu

pelangi_aien said...

umm knape ta jadikk sis ? blurr==' la . daa bace naek bayak kali ni .
http://pelangi-aien.blogspot.com/

pelangi_aien said...

knape tak jadi yee ?

Ct said...

akak,dkt *nuffnang & Me* mcm mana akk buat love tu ek?boleh tk akak bg tutorial die?

halEEm said...

x jadi jugak. kamu buat kat ie ke, mozilla ke, google chrome?

kod x sama macam kamu lahh..

durachubbiest said...

sis,y dura wt sek x jd jeee?
dura pon x jmpe bnde yg na didelete 2. . .huhu =(

Jannah The Nanny said...

hai.nak tanya,macam mana nak buat biar edge kat gambar tu jadi round?maksudnya bukan square.thanks.

intanurulfateha said...

edit dkt www.picnic.com

Jannah The Nanny said...

ok.thanks

TEROPONG SEMALAYSIA said...

kenapa buat ni pastu blog link ke http://pagesinxt.com/?dn=h1.ripway.com&fp=c4%2FvqwLT3W5pANWXHF8af60WMgOYf2Qu2FvrkdloUFOSSpvYe6NX6Pv5DAw3SapnhJR9QItwNrCs0fFA4JLIBg%3D%3D&prvtof=hdpg9oQSgq34htjkawi%2BBdYR8X68ZtQdXlCb0H8o5mrubK8FIvwrAS09JVXB7FgaUSYZJlnfw18jq1rz7xtzMsPECyMSVTf1BrLL0udiRkbIvoa%2FUXLE%2Bx3LMDWk33ZeIYEJC4DhxX2aj1Lta24hokbxVVkybjgiI3H2ej9%2F%2F7CmQ25e3TbQvoENwnYeRR%2BFrQBH0J4OvRPA3j6k5746Fw%3D%3D&poru=HXGGVP31Y1Lyj3ODJnKsjpaXa6W%2FTX%2FkpWMUZI%2BayAuwTKEl9wf5R8LtjZ%2FPZRoE5flHNv13wMWZcGQsLJZOm77IA8ors%2F9CHpz%2Fd9jonbE%3D&cifr=1&flrdr=yes&nxte=js ....... cmana sy nak dapatkan belog saya balik kalo dh jd cmni sbb bukak je belok terus link ke sini...

 

About Me

My Photo
intanurulfateha
Muar, Johor, Malaysia
Eh, dah ada dua orang baby girl! ;) | Berdaftar dengan SSM, Double I Excellent Enterprise : JR0046896-W | For any inquiries, whatsapp 012-7186471
View my complete profile

#our journey

Friends since 2008
Getting Close since Nov 2010

Daisypath Anniversary tickers

Love is not a matter of counting the years, it is about making the years!

Daisypath Anniversary tickers

Alhamdulillah.. :')

Daisypath Anniversary tickers

Jantung, Hati, Limpa, Paru

Wanita di jadikan atas nama cinta.
Kalau cari, mesti jumpa.

Dan kamu,
Mohammad Noor Irfan;
Terima kasih kerana mencari saya semula!

Hep ! ! !
Curik hati kite ekk!

Tapi tak per..
Kite suke~

(^__^)

#irfanintanJR

#irfanintanJR
Aleesya Eryna

Kesayangan 31-3-13

Kesayangan 31-3-13