Letak Facebook Share Button dalam Blog

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.

Letak Facebook Share Button pada Blog

Dengan hanya beberapa klik sahaja, ianya sudah siap sedia untuk dikongsi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pelawat ke sesebuah blog.

Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga ohbest.

Cara untuk memasukkan facebook share button ini adalah seperti berikut.

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.


Code untuk Full

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>



Code untuk Compact

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kod ini.

<div class='post-header-line-1'/>



jika tidak jumpa, cari kod ini.

<div class='post-header-line-1'>





4. Selepas itu paste kod share button (langkah 1) DIBAWAH kod yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.


Suka entri ini.?

126 comments:

Leya Azri on September 18, 2010 at 9:39 PM said...

hye~
Leya tak berjaya nak buat la share button ni

allyza abdullah on September 18, 2010 at 10:08 PM said...

thx. suka sbb simple n senang nk ikot.

Warna on September 19, 2010 at 6:14 PM said...

macamana nk letak like button plak??? please reply..huhu

AYIE nufamoyu on September 26, 2010 at 6:08 PM said...

eyh code wu dekat dekat mane ar ?

aida on November 12, 2010 at 11:32 PM said...

thanks...akhirnyer berjaya jugak aida letak share button ni..

(One) SiTi* on November 14, 2010 at 8:32 PM said...

yea!

alhamdulillah...makin bertambah maju blog saya..
=)

nurawanees on November 20, 2010 at 12:09 PM said...

oyeye!!!berjaya..thanks alot...yahoooooooo

arie synasir on November 20, 2010 at 10:54 PM said...

x jumpe code in step 3!!

arie synasir on November 21, 2010 at 10:55 AM said...

yes..hehe..thanx a lot..i get it!

Pencari Qurratuaini on November 25, 2010 at 5:40 PM said...

tq bnyk2

.::: Princess MOMOY :::. on November 28, 2010 at 4:14 PM said...

dah lama mencari nie...
thx bro...byk ilmu dpt

Siddique87 on November 30, 2010 at 1:01 AM said...

tq bro mmg menjadi ler...huhu

aMiE on December 2, 2010 at 4:53 PM said...

thnx sgt2. :)

misz ema on December 7, 2010 at 12:07 AM said...

THNKS..DH BERJAYA...WE~~

~Sweety~ on December 7, 2010 at 2:09 AM said...

tak jumpa pun kod langkah 3 tu...huhuhu

elnino moona on December 7, 2010 at 10:40 AM said...

tak dapat la..

kuar msg nih

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

napa ek?..huhu

[n][s][z][m] on December 8, 2010 at 4:53 PM said...

x menjadi lah na buat...huhu...nape ye...

[n][s][z][m] on December 9, 2010 at 10:13 PM said...

suda menjadi... hohoho..tenQ =)

wAnA on December 18, 2010 at 12:13 PM said...

thnx.. :D

afraliza on January 4, 2011 at 12:36 PM said...

yesss..jadi2..tq..

LimauTambun on January 5, 2011 at 10:00 AM said...

jadilah tema kasih banyak2

@LiYaNNuaR on January 5, 2011 at 1:30 PM said...

bjaya! thanks a lot!

aqu slumbers on January 14, 2011 at 5:29 AM said...

TQ... UDAH JADI.. MAKIN COMEL BLOG SAYA... THANKS ALOT.. JMPUT LA DTNG SUMER..HEHEHE:)

NadiRah on January 23, 2011 at 12:29 AM said...

tak jadi lah...huk3

JIJI YU on January 25, 2011 at 6:16 PM said...

nak remuv balik camno ek

KuBelle on January 27, 2011 at 9:50 PM said...

tak dapat cari langkah ke 3 tu?? mcmana?? tolong plez..

DiaUmaiNiNaz on January 28, 2011 at 10:45 AM said...

thank you...dah amik beberapa tutor kat blog anda..

FarihahLicious on January 28, 2011 at 2:31 PM said...

tak jadi pown :(

cik ketawa on January 30, 2011 at 5:05 PM said...

berjaya!!!thx!heee~~~

Chempaka on February 5, 2011 at 2:28 AM said...

berjaya!! thanks alot....


terbaru dari chempaka: ikan terubuk goreng

Cik Miera Aziz on February 6, 2011 at 1:15 PM said...

I'm done! It's working. Thanks! :)

aqu slumbers on February 11, 2011 at 6:51 PM said...

INGIN TINGKATKAN TRAFFIC BLOG ANDA?
SERTAI KAMI DI MALAYSIAN BLOGGERS COMMUNITY
PING BLOG ANDA SECARA PERCUMA DISINI.

CLICK HERE TO JOIN"MALAYSIAN BLOGGERS COMMUNITY"

nolyumar on February 12, 2011 at 9:35 AM said...

OTK (oh tuhan ku)! berjaya sudah. thnxxxxx

fafa (n_n) on February 12, 2011 at 2:29 PM said...

ermm blog sy tade kod step ke-3 tade lam html..........................cmne nk watttt

Azizi.NET on February 14, 2011 at 8:25 PM said...

Terima kasih hehehe

Stylish Hijab on February 16, 2011 at 7:54 PM said...

Tq sekali lagi.. dah berjaya jugak. :)

cik mieza on February 19, 2011 at 12:35 PM said...

thx...nice :)

mama hani on February 20, 2011 at 2:39 PM said...

ok dah selesai....banyaknya benda belajar hari ini....TQQQ!!

Shira Afya Hashim on March 9, 2011 at 1:41 PM said...

da selesai :) tenkiu sgt :)

all faces of me on March 9, 2011 at 11:09 PM said...

time kasih banyak-banyak atas ilmu yang dishare

mayasufi on March 10, 2011 at 2:45 PM said...

thankssss..
da b'jaya...

Permata NOVEN on March 10, 2011 at 11:13 PM said...

Ada sesiapa kat sini yang boleh bantu..

dua dua code ni takde

camana nak buat..?

Untuk pengetahuan anda, blog saya guna template XML

http://myblogshowcase.blogspot.com/

Nadia on March 14, 2011 at 3:59 PM said...

same ngn masalah Permata Noven

lOvely mieNa on March 16, 2011 at 12:37 PM said...

thx! dah buat dn dh brjaye.. :)

Nur Liyana on March 19, 2011 at 3:13 PM said...

huhuhux

Nur Liyana on March 19, 2011 at 3:14 PM said...

cam ane nk uat ?

Nur Liyana on March 19, 2011 at 3:20 PM said...

korunk...tlg la...aq x reti nk uat la...

Ana admi on March 21, 2011 at 10:52 PM said...

kenapa ye dia ckp more than one id..da byk kali gtry da

Ana admi on March 23, 2011 at 2:35 PM said...

bole bantu saya tak..da try byk kali xbole..dia cakap id HTML28 more than 1..npe ye

Asma Ahmad on March 23, 2011 at 9:32 PM said...

bleh pn ltak... thnx 4 da tutor. :)

bUdAx kEChiK on April 4, 2011 at 11:12 AM said...

nape xde kowt tuh???susah2..tolong!!!

Permata NOVEN on April 5, 2011 at 12:10 AM said...

Pesal aku tak jupe-2 kod tu... camna erk.. ada sapa-2 bleh tolong tak..?

kimychianNa♫ on April 11, 2011 at 1:37 AM said...

ssh xphm lgsung :(

adeLyn on April 15, 2011 at 12:18 PM said...

x dapat la .. huhu ..

sieyla alissa on April 15, 2011 at 2:43 PM said...

http://santaigedik.blogspot.com/

mrRiGhtz on April 17, 2011 at 2:45 PM said...

Langsung X dijawab..Solan Org Y tgak Taw......Aku Pun x Leh Buat Nie...2 code uh Pun x Jumpe...

MYBEAUTY COLLECTIONS on April 23, 2011 at 8:28 AM said...

saya tak tau nak buat....camner???sila hantar email kat saya...airil8281@yahoo.com

cHukz on April 25, 2011 at 4:44 PM said...

ta jadi larhhh. . . .

daie huffaz on April 26, 2011 at 12:04 AM said...

blog sye trus kena sekat..tak bole bkk sbb error.. camane ni..?

PaPaJaHaT on May 2, 2011 at 3:30 PM said...

tq mmmg dasat

aqilaaquilla on May 3, 2011 at 8:45 PM said...

thanks. da dapat buat.

mahirah on May 6, 2011 at 1:06 PM said...

terima kasih. menjadi la.

~shah d' eL NiNo~ ™ on May 16, 2011 at 6:06 PM said...

hmmm x bole la...x jupe pn code tu

bibirmerah on May 23, 2011 at 3:48 PM said...

Tq..Simple and done!

NURUL ASHIKIN on June 2, 2011 at 1:45 PM said...

i did it

Dax Kecik :) on June 3, 2011 at 1:38 PM said...

tengs !

Spring Lover on June 7, 2011 at 10:40 PM said...

pueh cari code tu, xder laa

mr.set@n on June 9, 2011 at 11:20 AM said...

thanks

Nurshop on June 11, 2011 at 4:43 PM said...

Thanks For Info www.zoomartis.net

viciorizky.blogspot.com on June 15, 2011 at 10:48 PM said...

ane udh masukkin tuh kode smua. tpi kok gak muncul ya?????

Ratu Tak Cantik on June 19, 2011 at 2:43 AM said...

thank you! thank you!

mama_izz on June 28, 2011 at 10:30 AM said...

thank you! mudah...

emeera asnary on June 28, 2011 at 4:54 PM said...

menjadi ! thanx =)

Opah Kentang on June 29, 2011 at 11:07 AM said...

:)

Fatin Hidhayah on July 4, 2011 at 8:00 PM said...

cemane nak cari kod yg (ctrl + F) tu???

NajmArby on July 9, 2011 at 8:38 PM said...

aik ? cm same jerp kod step 3 ngn 4 tu .

Mohd Haziq Putra Azmee on July 9, 2011 at 10:24 PM said...

JAWAB LAA KAWAN2...... X JUMPA KOD ..CAMNA??????

Mohd Haziq Putra Azmee on July 9, 2011 at 10:26 PM said...

ok done.....!!!
lawat ea blog aq

sha my heart on August 12, 2011 at 12:43 AM said...

kena cuba byk kali, baru jadi.

TQ ya

cik violet on August 12, 2011 at 11:24 PM said...

berguna lagi tutor nih..thanks a lot ;)

mellisaa on August 17, 2011 at 6:04 AM said...

tak pandai buat lah ... :'(

Safinaz Abdullah on August 18, 2011 at 3:21 PM said...

Done.tp,camna nak tau orang yg shared tu yerk?

Afifah Sharkawi on August 21, 2011 at 12:43 AM said...

tak dapat pon?

Ahmad Uzair on August 22, 2011 at 10:46 PM said...

semua tutorial kt sini kebanyakkan tak jd pada blog saya..adak kerana template saya tak terima?

RAZZi KHiLAF on August 23, 2011 at 6:40 PM said...

encik tuan rumah,
ape beza like ngn share??
kalu kita like, link blog kita akan masuk dlm wallpost gak kn??
hurm..
btw,
nak tnye sket kt en einstein kita neh,
cmne kita nak trace, sape yg like post kita??
*agak menagrut soklan tuh kn??

kutoOobambOo / ericoanaci on September 3, 2011 at 12:17 PM said...

TQ NAK TGK YG KUTOOO PY DAH JD SILA2 KAN LAH

at!EfaH!!!!!! on September 18, 2011 at 10:48 PM said...

cmne nie??
xdpt un

Fiqey Lar on October 10, 2011 at 1:02 AM said...

x jd lh...camne nk buat 'post header line' tu ek? please3~

Cik tikah on October 10, 2011 at 9:31 PM said...

berjaya! TQ! :0

tangan besi on October 26, 2011 at 3:25 AM said...

xreti gune ctrl+F . tepakse belek satu satu.mcam nk juling cari.akhirnye jumpe gak dan menjadi.trimassss !

Sulmawati bt Sulaiman on October 30, 2011 at 1:03 PM said...

Terima kasih banyak2. Hari ni cuti so banyak perubahan dalam blog saya apabila mengikuti tutorial2 yang disedikan.....

Naraforus on November 4, 2011 at 7:59 PM said...

kenapa step 3 tu sama jeh dy punya carian? saya tak jumpa la kod tu :(

eh, fhm ke ape yg saya ckp? haha ayat cm ape jeh.

ZaiFa® on November 13, 2011 at 11:08 PM said...

tak sama kod tu.beza tanda /

Lieza Mawaddah on December 9, 2011 at 6:48 PM said...

ctrl + F, tgok kat keyboard...then tekan dua2 tu kekunci....

thanks admin!
contain2 kat sini sangat berguna ..:)

nana ayrien on December 18, 2011 at 3:11 PM said...

ta jd pn

derzul on December 21, 2011 at 3:41 PM said...

dah jadi...terima kasih

sukri on January 10, 2012 at 11:03 PM said...

terima kasih bnyak2..
puas sy cri rupanya kt blog ni ada html nya siap panduan paste lg

Razif Mokji on January 20, 2012 at 4:41 PM said...

tqvm

amir zahari on January 31, 2012 at 10:58 PM said...

yang tak jumpe step 3 tu, masa nak edit html tu tak tick pada expand widget template kot..

Beelaa Loolaa....:) on February 11, 2012 at 4:25 AM said...

thanz..da berjaya bt..senang je kn..ingat susah..hehe..:)

Eyka on February 19, 2012 at 5:39 PM said...

I like it :3
Ehehehe.. Thanks

Muhammad Syafiq on February 21, 2012 at 5:23 PM said...

thanx a lot!!

Pencinta Abadi on March 4, 2012 at 7:40 PM said...

slm kwn2,bg yg xbole gunakan cara di atas,bole try tgk kt link ini pule ye :)
http://www.jamaluddin.net/2011/05/cara-letak-button-share-facebook-fb-di.html

nisaafina on March 12, 2012 at 9:41 AM said...

alhamdulillah menjadi..thnx:))

:::sweetmama::: on April 26, 2012 at 12:11 AM said...

Good Tips...saye suke n berjaya melakukannye...want to try another one

Suliana Anior on May 16, 2012 at 12:28 AM said...

Sukses..tnxs 4 the tuto..

Sam on May 21, 2012 at 11:22 AM said...

sy berjaya letak script tu, tetapi hanya gambar share tu yg kuar, link tiada kangsung ke facebook (tidak aktif) kenapa ye, ada sesiapa yg dpt bantu

puan jari on May 22, 2012 at 12:05 PM said...

akhirnya...
dah 3 blog saya cari dapat jugak buat
thank a lot!

FAIRUZ SUKSES on June 3, 2012 at 9:35 AM said...

nak tanya nih apsal fb share nmpak separuh sahaja hmhhmhm dah berkali pun masih x nmpak full ,, kawan tolong tgk kan kenapa jadi mcm tuh

lovera anne on June 10, 2012 at 7:37 PM said...

fuhhh....brjaya jg aku...hehehe...

Seindah Cinta on June 15, 2012 at 4:54 PM said...

ok..berjaya letak,tapi kt post sy hilang terus apa yg saya post...when click kt tajuk entri, apapun xkuar... :(

muhamad Nazri on June 24, 2012 at 12:55 PM said...

tak reti...sebab cari kod tak jumpa..sesiapa tolong xplain kan...

lala lape on June 28, 2012 at 5:48 AM said...

bagus bagus,,aku suka aku suka

nikmylittleworld on July 29, 2012 at 8:39 AM said...

dah puas cuba...dah mcm2 kod dah...
tetap x berja...rasanya templet saya ada masalah...

H a n i_I n a r a on September 24, 2012 at 1:08 AM said...

TAK JADI PON...KENAPE EK? NAK GAK LETAK SHARE BUTTON KAT BLOG...ANYONE CAN HELP?
FEEL FREE TO VISIT MY BLOG..T KAMI FOLLOW BLOG AWAK...http://haniinara.blogspot.com

Hati Ku Terusik on October 23, 2012 at 9:13 AM said...

sy pon dah cuba lame tp xjd...xtaw mslh ape...mungkin gk ade kaitan ngn template...haihh

Along on January 23, 2013 at 10:06 PM said...

Memang membantu....banyak ilmu diberi, banyak ganjaran allah beri seperti juga sedekah....

NadWani ^_^ on February 10, 2013 at 8:56 PM said...

yes..hehe..thanx a lot.

Rosebud on February 16, 2013 at 10:07 PM said...

thanks banyak ^^

Aziz Budhi on March 6, 2013 at 1:03 PM said...

Wow keren Caranya kaka :D
thanks atas infonya ..
Kumjumgi yah Blog saya :D jangan lupa jadi member http://ilmukomputertkj3.blogspot.com/ Terima kasih

Nurul Asihqah on June 25, 2013 at 11:29 AM said...

tak dapat jumpa lah kod kedua-dua tu.. mcm ner eh?

Norehan Saad on August 2, 2013 at 12:54 AM said...

xdpt buat...
http://jomsihatdanceria.blogspot.com

Hafizah Ibrahim on January 22, 2014 at 12:12 PM said...

TQ SO MUCH! dah byk kali try, tp ikut tutrial kat sini je baru menjadi. sgt hepi :)
salam perkenalan, my blog http://suplemenuntuksemua.blogspot.com/

tuan ponya blog on February 12, 2014 at 2:14 AM said...

ermm .. x dpt lha :( x jmpe kod yg kat step 3 tu

Tom Sawyer on June 1, 2014 at 1:53 AM said...

my blog
4infomasi.blogspot.com

Ginny Laura on July 19, 2014 at 12:18 PM said...

WOW Keren nie artikernya
Sambil baca artikel ini, Aku numpang promosi deh !
Agen Bola, Bandar Bola Online, Situs Taruhan Bola, 7meter

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted