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