Ahad, 22 April 2012

Keperluan 'Like' dan 'Share' Facebook Button pada setiap Entri

with 3 comments
Assalamualaikum dan Salam Sejahtera..


Facebook merupakan media sosial yang sangat berpengaruh pada ketika ini.. Boleh dikatakan hampir setiap orang mempunyai akaun facebook.. Kebanyakan persatuan, syarikat, ahli perniagaan, ahli politik, selebriti dan sebagainya juga menggunakan facebook untuk meluaskan jaringan sosial mereka.. 


Jadi pada hari ini Facebook dilihat sebagai satu platform penting untuk menyampaikan informasi selain daripada media sosial yang lain seperti Twitter, Google+, My Space, Friendster dan sebagainya..


Berdasarkan pemerhatian saya, kebanyakan blogger-blogger terkenal seperti Hanis Zalikha, Cik Epal, Red Mummy, Ben Ashaari, Denai Hati dan sebagainya memperolehi trafik yang cukup tinggi melalui Facebook.. Mereka mempunyai lebih sepuluh ribu
pengikut di fan page blog mereka.. 


Dahlah follower blog mereka yang sedia ada pun beribu.. ditambah pula dengan populariti mereka di facebook..  maka semakin tinggilah trafik blog mereka..


Antara teknik yang digunakan oleh blogger-blogger terkenal ini adalah mereka mempunyai 'like' dan 'share' facebook button pada setiap entri blog mereka.. Setiap kali pengunjung blog menyukai sesuatu entri, mereka boleh kongsikan entri tersebut dengan rakan-rakan facebook mereka melalui cara menekan 'like' atau 'share' button..


Jadi, pada kali ini saya ingin berkongsi cara untuk memasang button klik 'like' dan 'share' facebook button. Sekiranya blog anda tidak mempunyai kedua-dua botton tersebut, anda boleh mengikuti langkah yang disediakan di bawah:


Langkah 1

Log in blog = Dashboard => Design => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, tekan (Ctrl-F). Seterusnya taip atau paste kod
 <div class='post-header-line-1'/> pada kotak Find dan seterusnya, klik Find. 
Jika kod tersebut tiada, anda boleh menggantikannya kod <div class='post-header-line-1'> atau <data:post.body/>

Langkah 3

Salin kod biru di bawah dan paste kod tersebut di atas atau sebelum kod
 <div class='post-header-line-1'/> atau <div class='post-header-line-1'> atau <data:post.body/>

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

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

Hasilnya anda akan dapat lihat salah satu Share Button seperti di bawah: 


Untuk memasang Facebook Like Button pada setiap post, hanya ikut beberapa langkah yang mudah di bawah.

p/s: Sila save script template anda terlebih dahulu.

Langkah 1

Log in blog = Dashboard => Design => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, tekan (Ctrl-F). Seterusnya taip atau paste kod
 <div class='post-header-line-1'/> pada kotak Find dan seterusnya, klik Find. 
Jika kod tersebut tiada, anda boleh menggantikannya kod <div class='post-header-line-1'> atau <data:post.body/>

Langkah 3

Salin kod biru di bawah dan paste kod tersebut di bawah atau selepas kod
 <div class='post-header-line-1'/> atau <div class='post-header-line-1'> atau <data:post.body/>

p/s: Anda boleh menukar saiz button dengan mengedit width dan height pada kod di bawah.


<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+"&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;height=80&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height::80px'/>
</div>

Akhir sekali klik Preview, dan jika tiada mesej Error yang terpapar, klik saja Save.

P/s: Jika anda ingin mengubah kedudukan button tersebut, anda boleh gunakan kod ini

untuk memaparkan button pada sebelah kanan atau kiri

<div style='float:right;padding:4px;'>


Masukkan kod Facebook Like Button di sini
</div>

Gantikan
 right kepada left pada float jika anda ingin memaparkan button pada sebelah
kiri

Contoh:

<div style='float:
left;padding:4px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;height=80&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height::80px'/>
</div>

Maka terhasillah 'like' facebook button seperti di bawah:



Selamat mencuba..;)

3 ulasan:

  1. owh , terima kasih tuto nih , tengs2 ,, :D

    BalasPadam
  2. as salam en anuar.

    sya rafi drpd www.lorisewa-murah.blogspot.com

    sya ingin menghubungi en anuar,harap dpt email ke:
    mv_sale@yahoo.com.my

    BalasPadam

Muhamad Anuar Marsib. Dikuasakan oleh Blogger.

Senarai Blog Rakan2

Follower

Pembaca Paling Mesra