Tutorial : Letak Facebook Share Button

Gadis Kidal Berceloteh...

.Assalamualaikum..

Heloww korang . Hii!
Eh, sekarang ni , Lyssa nak ajarkan korang , macam mana nak letak 
Facebokk Share Button .

Alang-alang suruh orang LIKE , suruh lah orang Share sekali kan ? hehe .
Tahu ke , yang mana tuh ? 
Alar . cuba tengok setiap post entry Lyssa tuh .
Ada tulis button SHARE sebelah atas kanan kan ?

Ok , senang je cara nya . Korang perlu ikot je step di bawah ini yerkk :)
1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Then , dengan neggunakan Ctrl+F , korang cari kod ini ..

<div class='post-body entry-content'> 

ataupun kod yang ini 

 data:post.body

3. Dah jumpa kan ? Then , korang copy pulak kod di bawah ini :

<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/>  
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>
4. Pastekan DI ANTARA kedua-dua kod yang Lyssa suruh carikan tadi . Alar . kod - kod tuh , dekat je . :)

Contoh macam ini :


(klik untuk kelihatan lebih jelas)

**Yang Lyssa highlight kan tuh , kod yang Lyssa suruh paste kan ..
**Yang dua-dua kotak dalam tuh , kod yang Lyssa suruh carikan !
**Before cari jangan pulak lupa nak TICK EXPAND .. tuh tau ? Nanti , nak jumpa pulak .~ hehe .

5. Dah siap ke ? Jangan SAVE Lagi . PREVIEW dulu , kalau menjadi , SAVE lah!

Ok , SELAMAT MENCUBA yea! >.<

KONGSIKAN ARTIKEL INI..
Previous
Next Post »

117 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Anonymous
AUTHOR
May 28, 2011 at 10:13 AM delete This comment has been removed by the author.
avatar
May 28, 2011 at 10:17 AM delete

@bieyamanan

aitt? tk boleh nak paste ker.? hee . cm ner lak leyy jadi cm tuh ? 'ctrl+c tuh , cara untuk copy . boleh tgk kt tuto Lyssa ada cara nak terang kan di situ :)

btw , thnxx memuji. kembang ni . huhu . :)

avatar
nira ouh rara
AUTHOR
May 28, 2011 at 10:40 AM delete

asal kita carik code tuh ta de . dua dua dahh try , dahh tick expand tuh sekali :(

avatar
May 28, 2011 at 10:47 AM delete

@nira ouh rara

aikk . mustahil lah . kalau dua dua tak de yunkk .? :)
g mana mahu tolong niyh . b4 ni . like button ada buat takk .?

avatar
Anonymous
AUTHOR
May 28, 2011 at 11:16 AM delete

lyssa...akak br jew wat blog..actually da lama akak tgk2 blog lyssa...menarik sgt!..bgus la ad kelebihan yg pndai edit2 ney...emm..td akak try wat ikut toturial lyssa yg ayt2 bergerak tu...tp nape xblh ye...blh tlg x?

avatar
Anonymous
AUTHOR
May 28, 2011 at 11:16 AM delete

lyssa...akak br jew wat blog..actually da lama akak tgk2 blog lyssa...menarik sgt!..bgus la ad kelebihan yg pndai edit2 ney...emm..td akak try wat ikut toturial lyssa yg ayt2 bergerak tu...tp nape xblh ye...blh tlg x?

avatar
nadiahcenyum
AUTHOR
May 28, 2011 at 2:34 PM delete

alaaaaaa..dye jd error la..huhu

avatar
Farah Hamzah
AUTHOR
May 30, 2011 at 8:00 PM delete

huh , daa jadi . tengkayu :)

avatar
AQemal Nordin
AUTHOR
June 6, 2011 at 3:34 AM delete

terima kasih akak LYSAA , sebab ajar aqemal care - care nak buadd blog , hehe :DD , aqemal ni budakk baru , kalau akak ade mase follow la blog aqemal yeah ! aqemalowner.blogspot.com

avatar
Anonymous
AUTHOR
June 9, 2011 at 11:07 AM delete

assalamualaikum...
akk..x jd la...
cmne ek?

avatar
Budak Derp
AUTHOR
June 17, 2011 at 10:19 AM delete

salam kak lyssa,,dh jdi,,tengs share this tuto...

avatar
jibah jebot
AUTHOR
June 21, 2011 at 4:30 PM delete

akq lyssa ,, cm ne nk wat ,, saye wat ta jdy pon ,, :(

avatar
oneuuan
AUTHOR
June 23, 2011 at 11:08 PM delete

thank u jd lah seng j rupe ye.

avatar
Anonymous
AUTHOR
June 26, 2011 at 6:01 PM delete

yg kod data:post.body dgn div class='post-body entry-content'
tkde pun

avatar
Anonymous
AUTHOR
June 26, 2011 at 6:13 PM delete

@nira ouh rara sama haah sempuuuttt

avatar
Anonymous
AUTHOR
July 9, 2011 at 9:19 PM delete

ala kak lyssa , x jadi pon .

avatar
Saddila
AUTHOR
July 10, 2011 at 12:12 PM delete

weee thank u for this tuto .
like it :)

avatar
Nisa Kay
AUTHOR
July 11, 2011 at 11:28 AM delete

oke dah jadiii.. thank you dear :D

avatar
endoxe
AUTHOR
July 20, 2011 at 11:28 AM delete

thanks kak lyssa!...i like

avatar
FaTiN
AUTHOR
July 27, 2011 at 10:07 PM delete

akak.. nape ekk?? saye da wat like button.. jd tp nk wat share button nape x jd?? plizz help me akak..:'(

avatar
Aina Darwisya
AUTHOR
August 6, 2011 at 5:18 PM delete

Kak Lyssa, x jumpe laa code yg mula2 tu..nk wat cmne ek?

avatar
Aimee Mahmood
AUTHOR
August 11, 2011 at 6:48 PM delete

kak lisa , saye da wt butang share , tapi kenape bile saye tekan butang tu , tak de efek pon? hmm

avatar
Anis
AUTHOR
September 3, 2011 at 9:50 PM delete

Kaq lyssa da mnjadai!

avatar
September 3, 2011 at 11:52 PM delete

akak npe x jdi?? yg cri tu tok pe?? =(

avatar
m@k jEm@h
AUTHOR
September 8, 2011 at 12:52 PM delete

thanks budak comel..jadik la..=D

avatar
September 9, 2011 at 12:41 PM delete

yeay..dh boleh.penat tgk ayat lyssa lame2 utk pahamkan .. akhirnya , dapat buat .

avatar
ArSha
AUTHOR
September 18, 2011 at 6:57 PM delete

akak mcm mane na tgk .sape yg like kite nye post ? ta pandai lah

avatar
Wanie
AUTHOR
September 27, 2011 at 8:39 AM delete

Dah lama cari tutorial ni...akhirnya jumpa juak...thankz lyssa! (n_=)

avatar
Maliha ♥
AUTHOR
September 28, 2011 at 3:25 PM delete

lyssa , nape due due kod niy ta ad eyk ? ta muley na buad.isk isk =(

avatar
Zucca Qee
AUTHOR
October 13, 2011 at 4:32 AM delete

Lysaa , sy da bt byk kli tetap xmnjdi. mcm mne? code tuu pun xjumpaa. sy nk bt button like n shre fb kt blog . xjd jgkk. boleh tolong ? :'(

avatar
Zucca Qee
AUTHOR
October 13, 2011 at 4:32 AM delete

Lysaa , sy da bt byk kli tetap xmnjdi. mcm mne? code tuu pun xjumpaa. sy nk bt button like n shre fb kt blog . xjd jgkk. boleh tolong ? :'(

avatar
nunana
AUTHOR
October 22, 2011 at 7:21 PM delete

lysssaaa~ dah jadi! best3! tuto lyssa senang difahami..heee.. maceh ye lyssa..

avatar
Anonymous
AUTHOR
October 23, 2011 at 3:32 PM delete

tenkiu...menjadi !

avatar
Unknown
AUTHOR
October 25, 2011 at 11:14 PM delete

dah menjadi da...thanx sgt lyssa...

avatar
Myra
AUTHOR
October 28, 2011 at 8:30 PM delete

thx lyssa ! menjadi :)

avatar
Aina Azhar
AUTHOR
October 29, 2011 at 5:52 PM delete This comment has been removed by the author.
avatar
November 5, 2011 at 2:39 PM delete

kak lyssa awat share button qilah ada kod setiap entry?? ka qilah clap step? :'(

avatar
November 6, 2011 at 11:24 AM delete

hye! cun ah your blog!! thnx for tuto also k! :)salam kenal! arepnakbebel

avatar
Mumtaz
AUTHOR
November 9, 2011 at 5:57 AM delete

thx lyssa for this tutor..

avatar
Nur Tyrah
AUTHOR
November 24, 2011 at 3:33 PM delete

kak ! trimas ! dah jadi ! (:

avatar
Ms.Cinderella
AUTHOR
November 25, 2011 at 10:08 PM delete

thanx... byk dah ikut tutorial lysaa ni,mnjadi gak.. hehe

avatar
fyqa fify
AUTHOR
December 2, 2011 at 5:30 PM delete

@Lyssa Dollixiouskak lyssa,kalau blog jenis denim cmne plak ek ?

avatar
December 4, 2011 at 9:07 PM delete

Tolong la kak Lysa,penat mencari nihh.Letih la :(

avatar
Anonymous
AUTHOR
December 5, 2011 at 1:45 PM delete

apesal dia tak duk se'line' dengan tajuk post tu ?

avatar
December 8, 2011 at 2:30 PM delete

Dik lysa ... tolong kite yer ... x dapat buat la butang share tu ...

avatar
December 17, 2011 at 4:56 PM delete

huh!akhirnyaa dpat jugk..haha.thankzz sis.

avatar
Fika Munshi
AUTHOR
December 17, 2011 at 9:53 PM delete

tp kan , knp bila dah jumpa , x sme dgn yg lyssa tunjukkan ?

avatar
Nurul Hidayah
AUTHOR
December 21, 2011 at 8:23 PM delete

lyssa , mnx tlg bleyh x ? tlg cntikkan blog nurul . da pening da >.<

avatar
Unknown
AUTHOR
December 28, 2011 at 2:38 AM delete

Jdik2 thanx kak lyssa !~

avatar
cHu_aRE
AUTHOR
January 1, 2012 at 11:13 PM delete

@Azreen Shahida
kak lyssa... kenape sy tak boleh nak share ye.. dah wat ttorial ni.. jd dah.. tp tak leh nak share.. nape ye...

avatar
Unknown
AUTHOR
January 7, 2012 at 7:17 PM delete

xjumpe pon lyssa.. :(

avatar
January 15, 2012 at 12:29 AM delete

wslam. lisa nak tanye. camne nak tick expand tu? tak dpat pom.@Lyssa Dollixious

avatar
imah ishak
AUTHOR
January 21, 2012 at 6:13 AM delete

adik lyssa...akak buat jd dh button share FB tuh.tq..tp knape pulak tbe2 dalam post akak tuh ada tertambah perkataan seperti "expr:id='"post-body-" + data:post.id'>"...mcm mn nk delete benda tuh???

avatar
imah ishak
AUTHOR
January 21, 2012 at 6:24 AM delete

okey adik lyssa...dh jadi..thanks...td tersalah step..tq...

avatar
Unknown
AUTHOR
January 28, 2012 at 11:39 AM delete

thank u again! hehe. sya edit lagi blog sya ni. menjadi juga. nice tutorial!. sokong ur blog. (:

avatar
nz_adios
AUTHOR
February 3, 2012 at 11:43 PM delete

mmg belog ni cute sgt...akak ske tgk watt rujukan..hihihihik

avatar
Plug Mapuh
AUTHOR
February 10, 2012 at 6:17 PM delete

wokeh,da jd,hahaha..puas ati wooo,huhu..tenks kak,kih3

avatar
wiwin zack
AUTHOR
February 11, 2012 at 12:32 PM delete

thankz lyssa..jadi gak kite buat.hee

avatar
Firdauz
AUTHOR
February 11, 2012 at 1:34 PM delete

hai , lyssa bro dah try buar share button tu tapi kod tu mmg xde , 2-2 xda, sbb bro guna layout asal blog .. @Lyssa Dollixious

avatar
Unknown
AUTHOR
February 13, 2012 at 7:04 PM delete

salam kak lyssa . sye dh jdi dh tpi knpe ada expr:id='"post-body-" + data:post.id'> ni ?

avatar
ucupiza
AUTHOR
February 15, 2012 at 2:40 PM delete

k.lyssa da menjadi.thanks k.lyssa

avatar
dyanna amir
AUTHOR
February 24, 2012 at 2:04 PM delete

kak lisa..untuk blogskin kn..paste kt ne?

avatar
#
AUTHOR
March 4, 2012 at 1:48 PM delete

waa...bestnyea blog lyssa ni..nak try lah :D

avatar
#
AUTHOR
March 4, 2012 at 1:48 PM delete

waa...bestnyea blog lyssa ni..nak try lah :D

avatar
GadiS CelOteH
AUTHOR
March 10, 2012 at 10:50 AM delete

kak lyssa .. awat xjadiplak ! dye kate cm nieyhh !

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Element type "div" must be followed by either attribute specifications, ">" or "/>".

pleasee tlg !

avatar
GadiS CelOteH
AUTHOR
March 10, 2012 at 10:50 AM delete

kak lyssa .. awat xjadiplak ! dye kate cm nieyhh !

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Element type "div" must be followed by either attribute specifications, ">" or "/>".

pleasee tlg !

avatar
GadiS CelOteH
AUTHOR
March 10, 2012 at 10:50 AM delete

kak lyssa .. awat xjadiplak ! dye kate cm nieyhh !

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Element type "div" must be followed by either attribute specifications, ">" or "/>".

pleasee tlg !

avatar
Kjjj
AUTHOR
March 16, 2012 at 10:45 AM delete

Kak buat tutorial ni blh, pasal kotak post title tu. mcm mane nak buat ark? tlg ajarkan. terigin sngt2

avatar
March 23, 2012 at 6:40 PM delete

lysaa ;) ble x awk tlong cntekkn blog saia ? saia x reti laa :')

avatar
March 26, 2012 at 7:23 PM delete

yeayyy jadiiii... tankiuuuuuuuuuu Lyssaaaaaaaa.. btw all the best utk DiGi WWWOW Award tu ya =)

avatar
SyazwanJaudin
AUTHOR
April 1, 2012 at 12:29 AM delete

Thanks dik,

Kalau tak penin abg dok crik kat pakcik google, nak buat button share ni... Hehehe..

Apabila Orang Lama Kembali Semula Disini

avatar
SyazwanJaudin
AUTHOR
April 1, 2012 at 12:30 AM delete

Thanks Dik,

Penat abg crik kat pakcik google nak buat button share ni... hehehe..

Apabila Orang Lama Kembali Semula Disini

avatar
Salwati Sapei
AUTHOR
April 27, 2012 at 11:50 PM delete

still x boley lah lysa..keep trying lagi ni..hukhuk=(

avatar
Unknown
AUTHOR
May 12, 2012 at 7:21 PM delete

yeahh,dah jadi !
thanx kak lyssa ,

avatar
Unknown
AUTHOR
May 13, 2012 at 4:27 PM delete

thanks for this tuto sygss... ^^

avatar
syafiqahnazi
AUTHOR
May 27, 2012 at 11:15 AM delete

thanks kak lyssa. mula-mula buat tak jadi, kali kedua buat jadik pulak. kecuian diri sendiri. :D

avatar
Fira Mustafa
AUTHOR
May 31, 2012 at 8:53 PM delete

kak lyssa,mcm mane pulak kalau nak remove bende ni?

avatar
June 1, 2012 at 12:18 PM delete

Kak Lyssa,asl saya buat tak jadi pun?Ada error lah,tak blh save lah,dan mcm2 lagi yg memeningkan kepala nie....Tolonglah saya kak Lyssa!@Lyssa Dollixious

avatar
Unknown
AUTHOR
June 4, 2012 at 10:36 PM delete

tanx utk tuto lyssa ea.. sgt berguna la.. tp, cmne lyssa pnya button fb like n share 2 ada kt ats? nk mcm 2 la..

avatar
KA!
AUTHOR
June 17, 2012 at 9:49 AM delete

terima kasih lysa. Tuto nie banyak membantu pages KA. Kod ini sebenarnya KA cari tak sangka jumpe kat sini. Wokey sekarang cari tuto untuk fb comment lak...

avatar
KA!
AUTHOR
June 19, 2012 at 2:00 AM delete

='post-body entry-content' expr:id='"post-body-" + data:post.id'>



<-- hanya kod ini sahaja jumpa.. tiada kod lysa bagi? pelik kenapa yer?

avatar
Unknown
AUTHOR
July 13, 2012 at 12:52 AM delete

thanz sis lysaa .. =)

avatar
July 17, 2012 at 4:52 PM delete

alamak...hilang la plak button share ni kat post entry. try buat blk tapi x dpt2. bila chek mcm de je yg x cukup sifat kat kod2 bkenaan.

antara kedua2 kotak yg lyssa kaler merah kan tu semcm kod dia kurang kat sy punya expand wiget tuh.

so mcm ne nk kembali kan kod2 asl yg telah menghilangkan diri tu ek cik lyssa??

avatar
July 18, 2012 at 1:34 PM delete

Assalamualaikum kak lyssa.. :)
Dulu saya ade try buat tutorial ni.. Ada je button share tu.. Tapi, start semalam, tetibe je hilang.. muehehe.. pelik.. dia ade button like je..

avatar
July 23, 2012 at 2:09 PM delete

sama la kita Siti Khadijah Halil.......mna la adik cumey lyssa ni ilang, hrp2 dia leh tlg settle kn mslh kita ni

avatar
July 25, 2012 at 5:54 PM delete

Lyssa, button share di blog Zati dah menjadi.. Thanks for this tutorial yeaa.. :)

avatar
Unknown
AUTHOR
July 26, 2012 at 1:23 PM delete

huueeee!! macem mane nih kak? tak jadi2 pon...

avatar
Anonymous
AUTHOR
August 9, 2012 at 1:07 AM delete

ish ! xpandai la ... hehe

avatar
Unknown
AUTHOR
September 14, 2012 at 12:15 PM delete

Lyssa, nape x dpt..error lh..=(

avatar
Yana Sakura
AUTHOR
September 15, 2012 at 8:22 PM delete

dah jadikk..thanks dear for the tuto :)

avatar
January 3, 2013 at 1:27 PM delete

dik, yang version baru ni akak kompius la.. mcm2 benda x dpt catch up.. yg dulu awk bg tutor pun x terbuat.. lama tinggal blog.. xpe, nti akaktry lg..

avatar
Anonymous
AUTHOR
February 5, 2013 at 10:00 AM delete

@Lyssa Dollixious akak.. tolong la buatkan.. x jadi la... nk tye jgak.. mcmne akak buat mouse jdi nme akk??

avatar
jamilahamzah
AUTHOR
February 8, 2013 at 11:24 AM delete

dh jadi tp nape bila klik share tu xde pa2 jd...

avatar
Farah Ain
AUTHOR
February 12, 2013 at 3:22 PM delete

akak lyssa..sory..bru tgk akak pnya blog..so lmbt bru komen..sy gne template html..camne plak nk wat button share tu..huhu..

avatar
Farah Ain
AUTHOR
February 12, 2013 at 3:24 PM delete

kak lyssa..sy guna tmplate html..bukan tmplte dsgner..camne nk buat plak tu?huhu

avatar
Anonymous
AUTHOR
March 6, 2013 at 3:47 PM delete

Salam saya telah cuba berbagai cara untuk buat button 'send' didalam blog namun tidak berjaya semua panduan yang saya cuba error diharap anda dapat membantu kerana saya sudah tidak tahu lagi untuk menyelesaikan masalah inikembalakenterprise

avatar
October 22, 2013 at 12:00 AM delete

salam , akk . saya x faham la dashboard blog sekarang , y nak tick expand widget template tuu kat mana ? saya x jumpa aa

avatar
Unknown
AUTHOR
December 4, 2013 at 9:38 AM delete

Akak kenapa tak jadi ?

avatar
sihatvitamin
AUTHOR
August 12, 2014 at 12:57 PM delete

saya pun dah cuba buat, tak jadi pun..then lagi satu, saya punya tak ada "tick expand the widget"even nak ctrl f pun tak dapat..mcm mana tu..tq

avatar
bella
AUTHOR
October 15, 2014 at 10:29 AM delete

THANK YOU!!! MUJARABNYA...HIHI

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon