Uncategories Tutorial : Letak Facebook Share Button

Tutorial : Letak Facebook Share Button

LYSSA FAIZUREEN May 28, 2011

LYSSA FAIZUREEN

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..

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.

LYSSA FAIZUREEN

AUTHOR

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 . :)

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 :(

LYSSA FAIZUREEN

AUTHOR

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 .?

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?

Anonymous

AUTHOR

May 28, 2011 at 11:16 AM delete

nadiahcenyum

AUTHOR

May 28, 2011 at 2:34 PM delete

alaaaaaa..dye jd error la..huhu

Farah Hamzah

AUTHOR

May 30, 2011 at 8:00 PM delete

huh , daa jadi . tengkayu :)

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

Anonymous

AUTHOR

June 9, 2011 at 11:07 AM delete

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

Rahidah Hj. Jalil

AUTHOR

June 17, 2011 at 7:38 AM delete

Tq..hehehehe..

Budak Derp

AUTHOR

June 17, 2011 at 10:19 AM delete

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

jibah jebot

AUTHOR

June 21, 2011 at 4:30 PM delete

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

oneuuan

AUTHOR

June 23, 2011 at 11:08 PM delete

thank u jd lah seng j rupe ye.

Anonymous

AUTHOR

June 26, 2011 at 6:01 PM delete

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

Anonymous

AUTHOR

June 26, 2011 at 6:13 PM delete

@nira ouh rara sama haah sempuuuttt

Anonymous

AUTHOR

July 9, 2011 at 9:19 PM delete

ala kak lyssa , x jadi pon .

Saddila

AUTHOR

July 10, 2011 at 12:12 PM delete

weee thank u for this tuto .
like it :)

Nisa Kay

AUTHOR

July 11, 2011 at 11:28 AM delete

oke dah jadiii.. thank you dear :D

bexraz

AUTHOR

July 16, 2011 at 12:58 AM delete

thanz... =)

endoxe

AUTHOR

July 20, 2011 at 11:28 AM delete

thanks kak lyssa!...i like

Ahmad Hafiz

AUTHOR

July 21, 2011 at 6:55 AM delete

tq lysa y ni jadi..tq

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..:'(

Aina Darwisya

AUTHOR

August 6, 2011 at 5:18 PM delete

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

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

Anis

AUTHOR

September 3, 2011 at 9:50 PM delete

Kaq lyssa da mnjadai!

nursyafiqah binti shalan

AUTHOR

September 3, 2011 at 11:52 PM delete

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

m@k jEm@h

AUTHOR

September 8, 2011 at 12:52 PM delete

thanks budak comel..jadik la..=D

Mashitah Arifin

AUTHOR

September 9, 2011 at 12:41 PM delete

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

ArSha

AUTHOR

September 18, 2011 at 6:57 PM delete

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

Wanie

AUTHOR

September 27, 2011 at 8:39 AM delete

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

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 =(

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 ? :'(

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 ? :'(

nunana

AUTHOR

October 22, 2011 at 7:21 PM delete

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

Anonymous

AUTHOR

October 23, 2011 at 3:32 PM delete

tenkiu...menjadi !

Unknown

AUTHOR

October 25, 2011 at 11:14 PM delete

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

Myra

AUTHOR

October 28, 2011 at 8:30 PM delete

thx lyssa ! menjadi :)

Aina Azhar

AUTHOR

October 29, 2011 at 5:52 PM delete This comment has been removed by the author.

Anonymous

AUTHOR

November 5, 2011 at 2:33 AM delete

thx...

'aqilah humairah

AUTHOR

November 5, 2011 at 2:39 PM delete

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

Luqman Zakaria

AUTHOR

November 6, 2011 at 11:24 AM delete

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

Mumtaz

AUTHOR

November 9, 2011 at 5:57 AM delete

thx lyssa for this tutor..

Farah Diana Yazid

AUTHOR

November 18, 2011 at 12:50 PM delete

kaq lyssa . x jd p0m .

Zikry Diky

AUTHOR

November 18, 2011 at 4:24 PM delete

@Lyssa Faizureen Tk jdik punss

Ana Najwa Muhit

AUTHOR

November 18, 2011 at 9:38 PM delete

Tak jdi pon kak :(

Nur Tyrah

AUTHOR

November 24, 2011 at 3:33 PM delete

kak ! trimas ! dah jadi ! (:

Ms.Cinderella

AUTHOR

November 25, 2011 at 10:08 PM delete

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

IelaOolala

AUTHOR

November 26, 2011 at 2:11 PM delete

thanks kak lyssa :)

fyqa fify

AUTHOR

December 2, 2011 at 5:30 PM delete

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

.:♥ Kisah Cinta Si Budak Katak ♥:.

AUTHOR

December 2, 2011 at 7:14 PM delete

thanx lyssa ! :)

Unknown

AUTHOR

December 4, 2011 at 3:46 PM delete

@oneuuan
ala, npe xjd nie????

Hatim Al-Najmi

AUTHOR

December 4, 2011 at 9:07 PM delete

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

Anonymous

AUTHOR

December 5, 2011 at 1:45 PM delete

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

✔ Miss Intan ✔

AUTHOR

December 5, 2011 at 3:53 PM delete

dpt..thx..:))

Adam Malaysian Idol

AUTHOR

December 8, 2011 at 2:30 PM delete

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

nana in daa house !

AUTHOR

December 17, 2011 at 4:56 PM delete

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

Fika Munshi

AUTHOR

December 17, 2011 at 9:53 PM delete

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

Unknown

AUTHOR

December 19, 2011 at 11:59 PM delete

nape xjadik???....

Nurul Hidayah

AUTHOR

December 21, 2011 at 8:23 PM delete

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

Unknown

AUTHOR

December 28, 2011 at 2:38 AM delete

Jdik2 thanx kak lyssa !~

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...

Unknown

AUTHOR

January 7, 2012 at 7:17 PM delete

xjumpe pon lyssa.. :(

♥ My Sweet Entry ♥

AUTHOR

January 15, 2012 at 12:29 AM delete

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

♥ My Sweet Entry ♥

AUTHOR

January 15, 2012 at 12:33 AM delete

hello ?? :)

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???

imah ishak

AUTHOR

January 21, 2012 at 6:24 AM delete

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

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. (:

nz_adios

AUTHOR

February 3, 2012 at 11:43 PM delete

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

Plug Mapuh

AUTHOR

February 10, 2012 at 6:17 PM delete

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

wiwin zack

AUTHOR

February 11, 2012 at 12:32 PM delete

thankz lyssa..jadi gak kite buat.hee

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

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 ?

ucupiza

AUTHOR

February 15, 2012 at 2:40 PM delete

k.lyssa da menjadi.thanks k.lyssa

dyanna amir

AUTHOR

February 24, 2012 at 2:04 PM delete

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

AUTHOR

March 4, 2012 at 1:48 PM delete

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

AUTHOR

March 4, 2012 at 1:48 PM delete

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

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 !

GadiS CelOteH

AUTHOR

March 10, 2012 at 10:50 AM delete

GadiS CelOteH

AUTHOR

March 10, 2012 at 10:50 AM delete

Nabeel Fikree

AUTHOR

March 14, 2012 at 7:29 AM delete

thanks! hihi :D

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

sii asyiteru eyja

AUTHOR

March 23, 2012 at 6:40 PM delete

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

bicara mak dara

AUTHOR

March 26, 2012 at 7:23 PM delete

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

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

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

Salwati Sapei

AUTHOR

April 27, 2012 at 11:50 PM delete

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

Unknown

AUTHOR

May 12, 2012 at 7:21 PM delete

yeahh,dah jadi !
thanx kak lyssa ,

Unknown

AUTHOR

May 13, 2012 at 4:27 PM delete

thanks for this tuto sygss... ^^

kinchnaf

AUTHOR

May 26, 2012 at 2:18 PM delete

thanksss ;)

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

Fira Mustafa

AUTHOR

May 31, 2012 at 8:53 PM delete

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

Yasmine Afandi

AUTHOR

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

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..

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...

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?

Unknown

AUTHOR

July 13, 2012 at 12:52 AM delete

thanz sis lysaa .. =)

amir aiman akashah

AUTHOR

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??

Siti Khadijah Halil

AUTHOR

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..

amir aiman akashah

AUTHOR

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

Izzati Syazwani

AUTHOR

July 25, 2012 at 5:54 PM delete

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

Unknown

AUTHOR

July 26, 2012 at 1:23 PM delete

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

Anonymous

AUTHOR

August 9, 2012 at 1:07 AM delete

ish ! xpandai la ... hehe

Unknown

AUTHOR

September 14, 2012 at 12:15 PM delete

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

Yana Sakura

AUTHOR

September 15, 2012 at 8:22 PM delete

dah jadikk..thanks dear for the tuto :)

nabila

AUTHOR

October 11, 2012 at 6:11 PM delete

thanks kak Lyssa :D

Cik Puan Farhana

AUTHOR

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..

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??

jamilahamzah

AUTHOR

February 8, 2013 at 11:24 AM delete

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

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..

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

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