Koleksi Gambar

Tutorial Button Share Facebook di Blog

Perasan tak entry saya dah ada button share for fb, ekekeke..
Orang lain dah berjaman buat aku baru hegeh2 nak buat, well ahkak ko kan membz tak tentu pasal. Itu pasal la blog dia agak terabai sikit...

Padahal button share ni tak payah ada pun takpe, sebab ko dah ada button like kan. Sebab everytime click like, dia akan suruh ko share kan sekali. Perasan ke tidok??? kalau tak perasan, memang la... memang sesangatlah!

Since dah ada benda baru, marilah kita ber-tutorial.

1st step
Dashboard - Design - Edit HTML - Expand widget templates (tickkan)

2nd step
Carik coding ini - <div class='post-header-line-1'/>
Cara mudah nak carik just tekan ctrl F ye.

3rd step
Pastekan coding2 di bawah ini di bawah coding ini - <div class='post-header-line-1'/>

Ada 2 jenis button, pilih sendiri:
<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>

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

If ko pastekan coding2 itu betul2 di bawah <div class='post-header-line-1'/> makanya, button ko akan berada di atas entry ko.

Macam mana nak letak di di akhir entry????
Pastekan coding yang ko pilih di bawah coding ini - <data:post.body/>

Kalau ko ada buat button like or button tweet, sila letak coding share fb di bawah2 coding like and tweet.

Ada paham???

Dah setel, kasik preview dulu baru save ok..
Terima kasih

Selamat mencuba!

note: nak copy coding di sini cuma highlight seperti biasa, dan tekan ctrl-c dia keyboard ye. =)

Love: Ceera =P

10 LoveGreen:

Apple Cute said... [Reply to Comments]

yeay jadi orang pertama like ..(^_~)v

Y u Z z 9071 said... [Reply to Comments]

ok success. tq teacher, nak copy ajar org lain leh x?

credit ceeramoon

wana said... [Reply to Comments]

ok..dah jadi untuk blog saya yang satu lagi..thanks..ceera..
Resepi Masakan Restoran Mohd Chan

ieja manja said... [Reply to Comments]

terima kasih makcik.

menjadik!

Azian Amar said... [Reply to Comments]

wah.. jadik.. tq..tq...;)

aNNe bOo said... [Reply to Comments]

thx pn ceera. hehehehehhe

miDguRL said... [Reply to Comments]

tenkiu ceera..b'jaye hehe

lupekanje said... [Reply to Comments]

trima kasih berkongsi ilmu IT kat sini...

banyak yg acik carik ada kat sini...again, thanks a lot..
moga bertambah2 lagi ilmu Ceera utk di kongsi lagi dgn kitorang... :)

Ieda Iar said... [Reply to Comments]

tq ceera ;D gud tutorial..

MamaZafeera said... [Reply to Comments]

ceeramoon ni tutorial utk yg face lama kan?sbb sy nk try buat kat new face x jmpe la kat mn design > edit html..plez tlg ajrkn...

Penafian @ Pemberitahuan

Segala isi kandungan dan gambar-gambar di ceeramoon's blog ini tidak boleh ditiru, dihasilkan semula dalam bentuk-bentuk lain, dipindahmilik, dicetak, disimpan atau digunakan semula. Setiap rujukan hendaklah memberi kredit dan/atau rujukan kepada ceeramoon's blog. SEKIAN dimaklumkan sekali lagi

apa-apa komen, permintaan, cadangan atau komunikasi lain yang lucah, sumbang, palsu, mengancam atau jelik sifatnya dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu orang lain; atau memulakan suatu komunikasi dengan menggunakan mana-mana perkhidmatan aplikasi, sama ada secara berterusan, berulang kali atau selainnya, dan dalam masa itu komunikasi mungkin atau tidak mungkin berlaku, dengan atau tanpa mendedahkan identitinya dan dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu mana-mana orang di mana-mana nombor atau alamat elektronik, adalah melakukan suatu kesalahan, tindakan boleh diambil mengikut akta AKTA 588, AKTA KOMUNIKASI DAN MULTIMEDIA 1998