Tutorial : Contact Me Icon

12/10/2012

.Assalamualaikum
Peacee Yo(!) ^_^v


Oh ye . Sebelum Lyssa teruskan tutorial ni , Lyssa nak korang tengok bahagian sidebar sebelah kanan blog ni . Apa yang korang nampak berkaitan dengan tutorial yang Lyssa nak buat ni . hihi . Ada Icon Comel (like,facebook,twitter,email) untuk orang berhubung dengan kita kan ?

Lepas je Lyssa letak kat sidebar ramai pulak yang berkenan dan teringin nak ada jugak mende tu kat blog . Ni salah seoarang blogger yang nak tahu sangat macam mana nak buat tu . :

 

Ramai yang tanya tapi Lyssa prinscreen yang Cik Pyka ni punya lah ye .. Maksud dia , yang ni lah ...

 


Comel tak ? hihi . Kalau korang rasa menda ni comel , nak try letak kat blog jugak .. Silakan..

1. Dashboard > Layout > Add A Gadget > Html/JavaScript

2. Copy kod ini :

 
<center>

<a href="http://www.facebook.com/lyssasecretdotcom"><span style="width: 30px; height: 30px;"><img style="width: 30px; height: 30px;" src="http://i.imgur.com/sfgod.png" /></span></a>


<a href="http://www.facebook.com/LyssaFaizureenII"><span style="width: 30px; height: 30px;"><img style="width: 30px; height: 30px;" src="http://2.bp.blogspot.com/-_PjsUGs9kU8/T8-DAfny_gI/AAAAAAAADes/k-NuhiyvGC8/s1600/th_facebook_button.png" /></span></a>


<a href="https://twitter.com/#!/LyssaFaizureen"><span style="width: 30px; height: 30px;"><img style="width: 30px; height: 30px;" src="http://2.bp.blogspot.com/-g2Q25j3hY14/T8cn8OEdhEI/AAAAAAAADZo/y9z7uEic0Q0/s1600/a-new-follow-button-might-help-marketers-turn-site-visitors-into-twitter-audiences_3333_800519805_0_0_7025656_300.png" /></span></a>

<a href="http://i.imgur.com/zbNyd.png"><span style="width: 30px; height: 30px;"><img style="width: 30px; height: 30px;" src="http://i.imgur.com/P3ztu.png" /></span></a>

</center> 

3. Pastekan di ruangan Html/JavaScript tadi tu .

4. Yang warna-warna tu , korang tukarkan dengan link yang berkaitan .

BIRU TUA : Link Fanpage korang
MERAH : Link Facebook korang
BIRU MUDA : Link Twitter korang
PINK : Link gambar Email korang  

*Faham kan ? Kalau korang rasa tak perlu twitter ataupun emel ke , just delete perenggan tu . faham kan ? faham kan ?

5. Sekarang isikan tajuk nye . Macam Lyssa , Lyssa letak "Contact Me" . Ikut kreativiti korang lah heh .

6. Last sekali , SAVE ! Dan sekarang , lihat lah hasilnya . Menjadikan ? huhu .


**Bagi sesiapa yang nak buat korang macam dash-dash kaler pink tu , boleh itu TUTORIAL INI

**Bagi yang nak buat border melengkung untuk tajuk sidebar macam Lyssa tu , boleh ikut TUTORIAL INI .


Senang kan ? Mudah kan ?

=Selamat Mencuba=


KONGSIKAN ARTIKEL INI..
Previous
Next Post »

76 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Safia Subirin
AUTHOR
October 12, 2012 at 4:13 PM delete

ahamdulillah . kak lyssa buat pun tuto nih . thanks akak :)

avatar
Anonymous
AUTHOR
October 12, 2012 at 4:15 PM delete

wow nice tuto kena try niyh :)

avatar
Secret Garden
AUTHOR
October 12, 2012 at 4:27 PM delete

menariknya! THNX 4 da tuto!

avatar
~didiey~
AUTHOR
October 12, 2012 at 4:34 PM delete

dah buat.jadi :)
tapi yg email tu link gambar ape ye???

avatar
boni kacak
AUTHOR
October 12, 2012 at 4:45 PM delete

hahahahaha..memang comellah..hehehehe

avatar
October 12, 2012 at 4:49 PM delete

@~didiey~


emel yang kita create sendiri dan upload untuk dapatkan link ...

avatar
Amni Adani
AUTHOR
October 12, 2012 at 4:51 PM delete

Menjadi! Thx Kak Lyssa, saya dah letak dekat blog saya dah... =)

avatar
October 12, 2012 at 5:30 PM delete

sonang je ni nk buat.. tapi saya tak buat kat blog sendiri la.. sebab takut semak.. hehe [singgah sini pulak :)]

avatar
Yui Bieyna
AUTHOR
October 12, 2012 at 5:42 PM delete

Wassalam...
Wah, nak try nihh !!! Akak Lyssa, mcm mna akak rptkn content sidebar ngan titlenyerr tu? hrp akak faham

avatar
FaLya
AUTHOR
October 12, 2012 at 8:34 PM delete

comelnyer!! kak lyssa ni ada saja bnda yg cute2 dlm blog akak..

avatar
yaya ade
AUTHOR
October 12, 2012 at 8:38 PM delete

thanks kak lyssa. dah jadi :)

avatar
Pykaa Pdott
AUTHOR
October 12, 2012 at 9:04 PM delete

thanks lysa . pyka duk cari lama dah . thanks cos sudi buat tuto nie . :)

avatar
October 12, 2012 at 11:12 PM delete

THANKS SIS FR THE TUTORIAL..

avatar
October 12, 2012 at 11:42 PM delete

Terima kasih Teacher Lyssa sbb tolong ajar. :D

avatar
October 12, 2012 at 11:56 PM delete

@Amni Adani

Macam mana nak buat link gambar email tu?

avatar
Remy hazza
AUTHOR
October 13, 2012 at 12:07 AM delete

nanti remy nak try buat lah.....
thanks lyssa for sharing the tip...

avatar
etuza
AUTHOR
October 13, 2012 at 12:28 AM delete

cantik cute jg jika ada menda tu..nak try lah nanti ya.tq

avatar
Mk Syahir
AUTHOR
October 13, 2012 at 12:37 PM delete

terbaekk lah lyssa nih..will try sooner :)

avatar
wani hazirah
AUTHOR
October 13, 2012 at 2:49 PM delete

salam kak lyssa...nak tanya nih..camna nak buat header besar macam kak lyssa punya nih siap ada gambar lagi...beserta dengan yg macam "home,tip and toturial"...ajarkan...saya penat scrolll...tp tak jumpa2...hope kak lyssa boleh buat kan tuto nya...

avatar
October 13, 2012 at 8:29 PM delete

Menjadi :D Thanks kak Lyssa for the tutorial :)

avatar
Sya Zayn
AUTHOR
October 13, 2012 at 10:24 PM delete

Alhamdulilah..
Menjadi..
Terima Kasih Kak Lyssa..
Kak Lyssa The Best..
By The Way , Kak Lyssa Tahu Pasal Benda Ni Dari Siapa ?? ( Maaf Kalau Saya Tanya Macam Ini )

avatar
Liza
AUTHOR
October 15, 2012 at 11:30 PM delete

Tq Lysa..kk liza cuba td..jadi..tqvm

avatar
Faris Ris
AUTHOR
November 5, 2012 at 2:23 PM delete

KAK LYSSA ,,, thanks ..

dah jadi dah ..
kalau sudi singgah laa sini ek .

http://faris-ris.blogspot.com/

avatar
Siti Rohaida
AUTHOR
November 10, 2012 at 5:08 PM delete

hi lyssa...sis amik tuto nie ye..thanks...

avatar
November 23, 2012 at 12:37 PM delete

lisa boleh tak ajar kita cara2 nak buat tutorial....


sbb bile kita try buat tak jdlah...

conth taw.:

bile copy ayat lisa yang "lisa buat dlm kotak tu" utk buat kite puyer tutorial msty xjd...

knp yer?
sudi2lah ajar kita..

avatar
November 25, 2012 at 12:51 PM delete

kalau nk ganti ngan instagram?camane?

avatar
Kamila Husna
AUTHOR
November 30, 2012 at 4:36 PM delete

Akak, tenQ ya. Menjadi..^____^

avatar
Kak Wawa
AUTHOR
December 6, 2012 at 1:24 PM delete

Macam mane kalo guna blogskin? Boleh bagi cara?

avatar
ZaChi96
AUTHOR
December 18, 2012 at 6:17 AM delete

jdi!! thanks kak lyssa.. ^^

avatar
marina
AUTHOR
December 21, 2012 at 3:20 PM delete

lyssa? mcm mne nak dpt icon instagram tu?

avatar
December 26, 2012 at 11:48 AM delete This comment has been removed by the author.
avatar
December 27, 2012 at 8:58 AM delete

mcm mane nak buat instagram?

avatar
Anonymous
AUTHOR
December 30, 2012 at 3:44 PM delete

kak lyssa nak dapatkan kod untuk instagram pulak mcam mane ?

avatar
January 8, 2013 at 6:24 PM delete

terima kasih. :)sgt hebat

avatar
January 26, 2013 at 1:35 PM delete

thanks . kalau ada kelapangan view lah sini http://areisuaproduction.blogspot.com
:)

avatar
Adila Norawi
AUTHOR
February 14, 2013 at 8:09 PM delete

kak lyssa, macam mana kalau nak buat automatik new tab dekat bahagian ni je? ada tutorial dia tak?

avatar
February 16, 2013 at 12:04 PM delete

menjadi la..thankz ter kak lysa.

nanti datang lah juga ke blog saya yer http://sakenteam.blogspot.com/

avatar
March 17, 2013 at 10:57 PM delete

mcm mne utk ruang instagram pulak kak..tuto pleaseee..

avatar
ct siti
AUTHOR
March 25, 2013 at 2:22 AM delete

yeaaayyy ! blog nmpak kemas da. tq kak ! :D http://sitihaleedaahmad.blogspot.com/

avatar
Zu_rina
AUTHOR
April 4, 2013 at 1:14 PM delete

kak , untuk instragram tu macam mna ? :\

avatar
CIK i l y
AUTHOR
April 9, 2013 at 6:53 PM delete

thanks sis! aher nya jumpa jgk tutor ni.. hehe!

avatar
miss97
AUTHOR
April 16, 2013 at 3:20 AM delete

thanks kak lyssa ;)
saya guna that icon thanks again kak :))

avatar
cikrainboww
AUTHOR
May 31, 2013 at 8:26 PM delete

kak lyssa, mcm mna nak buat icon utk insta tu?

avatar
July 3, 2013 at 4:13 PM delete

Kalau mahu letak instagram bagaimana ya?

avatar
July 4, 2013 at 1:28 PM delete

Thanks kak lyssa. Tutor yang menjadi :)

avatar
Ika Haziqah
AUTHOR
July 14, 2013 at 10:06 PM delete

mcm mana nak letak icon instagram ?

avatar
E'in
AUTHOR
July 15, 2013 at 1:06 PM delete

lyssa lau nak ganti yg email tu ke instagram mcm mane ek?

avatar
July 19, 2013 at 3:00 PM delete

: Setelah lama try wat , akhirnye jadi jugak.. thanx lyssa ! :)

avatar
Nini Haswani
AUTHOR
August 20, 2013 at 10:55 AM delete

utk instagram plisss :D

avatar
September 1, 2013 at 5:07 PM delete

yeah! nice tuto.. >.<..thanks

avatar
Tulip Merah
AUTHOR
September 13, 2013 at 11:07 AM delete

thanks sis...banyak membantu

avatar
October 11, 2013 at 5:32 PM delete

Boleh Saya repost?Nanti saya credit kat akak :)

avatar
Ee
AUTHOR
October 23, 2013 at 8:24 AM delete

Hye kak lisa. Btw, thanks sbb share psl tuto nie. Kak lisa, mcm mane tuto contact me utk insta???

avatar
nurul natasha
AUTHOR
November 6, 2013 at 9:13 PM delete

kak lyssa..kalau untuk instagram macam mana ??

avatar
December 13, 2013 at 4:15 PM delete

Sis , macam mane nak buat old entry macam sis tue ? nak tuto please~

avatar
February 17, 2014 at 5:28 PM delete

Kak Lyssa nk yg terbaru . Email ditukarkan menjadi instagram , please ....

avatar
Amyy♠
AUTHOR
March 2, 2014 at 8:48 PM delete

Kak Lyssa, macam mana nak tukar e-mel tu ke Insta? TQ

avatar
Zyha Ryzal
AUTHOR
May 22, 2014 at 1:21 PM delete

kak lyssa, kalau nak buat untuk instagram macam mana ye?

avatar
shimaa
AUTHOR
November 26, 2014 at 4:32 PM delete

Kak Lysaa macam mane nak letak instagram ???

avatar
December 4, 2014 at 8:48 PM delete

Tq, dah letak dlm blog sy.. :)

avatar
December 8, 2014 at 10:28 PM delete

kenapa "Contact Me" sya dduk bwah
mcm mnaw nk wat bg dy dduk blah kanan ya

avatar
Anonymous
AUTHOR
February 20, 2015 at 10:38 PM delete

Kalau guna blogskin? ^^

avatar
Nurul Atira
AUTHOR
June 3, 2015 at 2:11 PM delete

@Farisha Idayu link for instagram ade tak kak lyssa?

avatar

Google+ Followers