Tutorial : FB Share Button Di Blog

1 Comments


Akhirnya, berjaya jugak aku buat entry tutorial ini...

walaupun aku tau, dah banyak sangat orang buat tutorial ni...tapi aku nak sharekan jugak...tapi aku buat versi aku la...hopefully korang paham ye....

aku nak tunjukkan kat korang cara letak button share kat entry korang dalam blog...yang cenggini...


Step-step yang perlu korang ikut ade kat bawah ni...ikut tau... :)

Mula-mula, masuk dalam DASHBOARD...tapi makesure korang login dulu tau baru masuk dashboard...pastu pilih template...

then pilih EDIT HTML...


kalo kuar message camni, korang pilih PROCEED je...


then tick Expand Widget Templates...


Sila backup template dulu sebelum korang tambah script k...

Cari kod yang seperti di bawah ini (guna ctrl+f untuk memudahkan)

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

Sila masukkan jenis button share yang korang minat...ade dua jenis, FULL and COMPACT...

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

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


Code diatas (Full / Compact) perlu dimasukkan selepas korang search code ni "< div class='post-header-line-1'/ >"....bile dah masukkan code seperti ini




save kan...then boleh la refresh blog...


button share akan muncul di setiap entry korang...

kalo tak muncul gak or ade pape soalan nak tanye, boleh la email kat aku, alyza8716@yahoo.com or di twitter @AlyzaFisol...insyaAllah aku akan cuba membantu sebaik mungkin yee...selamat mencuba... (^_^)v




About Post Author

Daughter, Wifey, Executiv, Blogger, "Love Family| Love to Eat | Love to Travel | Love everything about Beauty |Love to Cook | Simple Girl with Simple Life with Higher Dreams.. contact Me: alyza8716@yahoo.com

You may also like

1 comment:

Powered by Blogger.

.:: Social Media ::.

twitterfacebookfacebookgoogle plusemail

.:: Do Contact Me ::.

For media/advertising, events, product
reviews & any enquiries, kindly
contact me at alyza8716@yahoo.com

.:: Follow @ Facebook ::.

.:: Follow @ Instagram ::.

.:: Lovely Readers ::.

.:: Pageviews ::.

.:: Popular Posts ::.

.:: Member Of ::.