Saturday, March 26, 2011

TUTORIAL CUTE PROFILE :)

HALOOP peeps :) morning . dah sarapan ? pagi ni aku sarapan macam makan lunch jea. heheh . eh,semalam kan aku tengok video "SPONTAN" dekat youtube taw. ohmy, lawaking giler lah wa cakap lu . pepagi buta aku gelak sorang-sorang ..hee ~ okay , pagi ni aku nak buat tutorial pasai cute profile ni . semalam time tgok video tu aku bukak blog kejap, then tgok kt shoutbox , cik pink  yang swit ni mintak tuto pasal ni . so, pagi ni saya buat yer :)

apa itu cute profile ? this the example yer :

just follow this step yer , sebelum tu , maaf klu apa yang saya explain nih korang tak paham . hehe . tapi klu xpham tanya jea okay? kalau paham alhamdulillah ler kan? oke . lets start it !

1. Sila cari gambar cute yang korang loikeee utk buat icon ni . korang boleh cari dekat SINI . ataupun kli korang rajin korang google/cri dekat photobucket then edit sendiri ikut citarasa korang . gambar kat atas tu saya google then saya edit pakai photoshop . pastikan size yang korang guna tu tidak terlampau besar dan backgroundnya transparent yer . ini contoh size gamabr saya punya :


2. dah siap edit segala bagai . upload kan gambar tersebut ke photobucket sebab kita nak amik url gambar tuu . tapi jangan lupa , save kan gamabr yang korang edit dekat adobe photoshope tu  dalam format PNG taw .


3.  Log in blog >>> Dashboard >>> Design >>> Add a gadjet  >>> HTML/ JavaScript.


4. sila kopi dan paste kan koding ini yerr :

 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:90px; right:-12px;'>

<a class='linkopacity' href='LINK PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='NAMA PAGE'><img border="0" src="URL GAMBAR" /></a><br />

<a class='linkopacity' href='LINK PAGE'ight: 1em;' target='_blank' title='NAMA PAGE'><img border="0" src="URL GAMBAR" /></a><br />

<a class='linkopacity' href='LINK PAGE'ight: 1em;' target='_blank' title='NAMA PAGE'><img border="0" src="URL GAMBAR" /></a><br />

<a class='linkopacity' href='LINK PAGE'ight: 1em;' target='_blank' title='NAMA PAGE'><img border="0" src="URL GAMBAR" /></a><br /></div> 





NOTA TAMBAHAN 

1 .  tulisan kaler hijau :  korang boleh tkar ke left kalau korang nak letak cute profile tu dekat sebelah kiri .

2. tulisan kaler purple : korang sila masukkan link page yang korang nak linkkan tu . mcm mana nak amik ? ni contoh nyer : 
contoh klu korng nak linkkan ke FB korang. yg laen pon sama jer . kopi dia punya url tuu.

3. Tulisan kaler Pink :  oke korunk try pegi dekat i punya cute profile tuh  .  bila cursor korang dekat icon home tu contohnya , korang akan nampak satu box kecik & dlm tu ada tulih "kesah dongeng" kan ? ha, itu ler tajuk nyer yer .

4. Tulisan kaler biru : ini korang letakkan URL gambar korang tu okay ? right klik kat gmbar korang then carik dia tuleh COPY IMAGE URL . 

5.contoh for no 2,3 & 4 :
<a class='linkopacity' href='http://misluvcoklat.blogspot.com/p/this-blog.html'ight: 1em;' target='_blank' title='owner profile'><img border="0" src="http://i1081.photobucket.com/albums/j345/misluvcoklat/owner.png?t=1301070462" /></a><br />



Lastly, jangan lupo savee ! dah siap .
hopefully anda faham lah explanation saya nih..hee :)byeee !



LOVE ; ♥ misluvcoklat ♥

8 comments:

Gimi said...

ooo.patut la comel je blog ni..

misluvcoklat said...

hehe..
thnx :)

pink said...

Thankssssss dear! Nnt Miraaa try okieee hehehe ^_^

misluvcoklat said...

welkem ..
ohh, okay..
good luck !
hehe ;)

Aiesya said...

fuhhh...
pnt suda BW
rupenye kat cni ade...
thnx ye...

pasni maw try wat jugak~

misluvcoklat said...

wah..penatnyerr..
hehe :p
oh,try la..
klu xfhm apa2 tnya ja..
insy sy bntu..
btw,gud luck :)

☛ πuƦ α†hιƦαh ☚ said...

kenapa tak boleh , macam mana nak edit kan gambar tuu , tak jadi pun :(

misluvcoklat said...

gambar tu awk buat sendiri or search kat google je ,
then awk copy je url gmaba tu :)

*maaf klu xmnjawab soalan .