Ads: (Please Click!)

Tuesday, April 06, 2010

Facebook Share Buttons For Blogger



Rasanya sudah lama aku tidak menulis artikel berbentuk tutorial. Di sini aku kembali lagi untuk berkongsi kepada anda semua. Mungkin ada yang masih tertanya-tanya dan masih tercari-cari bagaimana dan di mana.

Apa itu Facebook Share? Facebook Share adalah salah satu tool atau widget butang yang dibangunkan oleh Facebook di mana anda bebas untuk berkongsi artikel samada di blog mahupun di mana-mana sesawang yang mempunyai butang widget ini. Kesimpulannya, jika anda mempunyai artikel yang menarik di blog ataupun sesawang anda, pembaca artikel tersebut berupaya untuk menerbitkan semula atau lebih tepat lagi berkongsi artikel anda tersebut di Facebook mereka.

Secara tidak langsung, ia akan meningkatkan trafik blog anda. Menarik, bukan?

Klik sini untuk meneruskan bacaan..

Atas kajian dan pemerhatian aku selama ini, aku lebih selesa menggunakan kod HTML expression berbanding kod yang disediakan oleh Facebook. Ia mengikut kesesuaian. Mengapa aku berkata sedemikian? Ini adalah kerana, jika anda bulat-bulat mengikut (copy & paste) kod di laman sesawang Facebook Share, ia akan menjadi agak ralat. Untuk mengelakkan daripada ralat tersebut, aku telah menggunakan expression, iaitu;
expr:share_url='data:post.url'
Ini akan membolehkan aku share ke Facebook dengan mengikuti format;
http://www.facebook.com/sharer.php?u=[url to share]&t=[title of content]
Aku abaikan kod &t=[title of content] kerana aku rasakan ia tidak penting. Kod berwarna merah bermaksud short address artikel anda. Manakala kod berwarna biru pula mewakilkan tajuk spesifik artikel anda.

Jenis-jenis bebutang Facebook Share

Terdapat dua jenis bebutang Facebook Share iaitu box_count (seperti yang aku gunakan sekarang), dan button_count. Anda boleh lihat lagi butang yang disediakan oleh Facebook Share dengan baca dokumentasi. Klik di sini.

Bagi aku, hanya dua butang ini tampak menarik!

Gayakan Facebook Share Anda!
<div style="float:right;padding:7px;">
<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>
Kod di atas adalah kod asasnya. Anda boleh ubah kod yang telah digelapkan. Jika anda mahu butang Facebook Share anda di bahagian kiri ataupun kanan, anda hanya perlu tukarkan samada right atau left pada tag float:right;.

Untuk mengubah jenis butang pula, anda perlu ubah samda button_count ataupun box_count pada tag type='button_count'.

Untuk pengetahuan anda, kod di bawah adalah kod yang aku gunakan sekarang.
<div style='float:left;padding:7px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
Cara memasang Facebook Share ini ke blog

1) Login ke akaun blogger anda. Seterusnya klik Layout > Edit Html dan cek butang 'Expand Widget Templates'.

2) Cari kod ini;
<div  class='post-header-line-1'/>
dan terus paste kod anda pada baris seterusnya. Jika anda tidak jumpa kod di atas, sila cari kod ini;
<data:post.body/>
dan paste kod anda pada baris sebelumnya.

3) Kemudian, klik butang save.

Kika ada persoalan dan komen, jangan malu dan segan untuk bertanya. Tinggalkan di ruang komen, okey? *senyum!*

PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)
Comments
8 Comments


8 Orang Kentut Madu:

joegrimjow said... [Reply]

setelah sekian laa ku mencari
ada jugak akhirnya
sayang sebab dah tau camne
nak buat
huhu

aduka said... [Reply]

joe:
yg ko nye laen.. share 1 blog.. tutorial ni aku share satu satu artikel.. berbeza tuh..
:P

Amirah Rashid said... [Reply]

blurr sekejap. haha
thanks sbb post ni btw :)

miss lolly a.k.a luvfareda said... [Reply]

owh bagushhhhhhhhh neh :)

joegrimjow said... [Reply]

update2
hehe

ieQa sWetLuv said... [Reply]

x jadikla nak wat..dia jadi error kat iklan..huh~

aduka said... [Reply]

ieqa..
Error?hm..mgkin silap position antara coding iklan dgn coding button.cuba letak coding button ni di bwh coding iklan.

Anonymous said... [Reply]

Guy .. Indah .. Menakjubkan .. Saya akan bookmark situs Anda dan mengambil additionallyI'm feed senang untuk mencari banyak informasi yang berguna di sini dalam menyerahkan , kami ingin bekerja keluar teknik ekstra dalam hal ini , terima kasih untuk berbagi . . . . . .

Post a Comment

Ruang komen telah di-set sebagai 'dofollow'. Sila tinggalkan URL blog anda dengan cara yang bijak. Baca DI SINI untuk mempelajari SEO mengenai 'dofollow' link.

Kepada ANONYMOUS, sila tinggalkan link dengan cara yang bermoral sedikit.

Terima kasih kerana sudi membaca artikel ini dan menurunkan komen anda.

 

Blog Aduka Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger