Cara Letak fb 'Share' Button pada Entry post blog

Salam sejahtera,.tutorial kali ini saya nk kongsi cara nk pasang facebook ‘share’ button pada entry post blog.Pada tutorial lepas,cara letak like button.

Seperti biasa,nk pasang widget atau gadjet ke dlm blog mesti pasang kodnya.Setiap widget ada kod tersendiri yang dipanggil kod html.First,login blogger,pergi ‘Dashboard’ Design Edit Html.Tick pada box Expand widget Templates.

Kemudian pergi kt content template,dengan menggunakan Fungsi search/find, Ctrl + F,earch  2 jenis kod dibawah:

Kod pertama

class="post-body entry-content">

Kod kedua

data:post.body>

Kemudian copy kod facebook share button dibawah :

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

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'

type='button_count'/> 

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'

type='text/javascript'/>

</div>

Then pastekan diantara kod pertama dan kod kedua.Jika anda search kod pertama,terdapat dua kod yang berada diatas dan dibawah.Pilih yang diatas,abaikan yang dibawah.
Lihat gambar dibawah.

Pastikan kod yang dipastekan jadi seperti dibawah :

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'><div style='float:right;padding:4px;'>

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

</div>

      <data:post.body/>

Setelah selesai,klik preview untuk melihat hasil.Jika button fb share keluar pada entry post,tekan save template.

Selamat mencuba !

Read more »

Cara letak facebook 'Like' button pada Entry post blog

Tutorial kali ini bagaimana cara pasang button facebook ‘like’ pada setiap entry post pada blog anda.Fungsi button like ini adalah untuk membantu meningkatkan traffic pengungjung ke blog anda.Apabila anda menekan butang like,secara automatic akan keluar pada wall akaun facebook  anda menunjukkan bahawa anda menyukai entry pada post blog tersebut.

Bagi pengguna blogspot,caranya mudah sekali.Pertama,Login akaun blog,then pergi kt Design-->Edit Html-->Tick pada box 'Expand widget Template'.

Dengan menekan key Ctrl + F anda perlu search kod html ini <data:post.body/>.Kalau anda perhatikan,terdapat dua kod <data:post.body/>,dibawah dan di atas,jika anda tekan butang next & previous pd Find box kt bawah browser itu.Pilih kod td yg diatas.Then copy kod Fb Like button pastu paste kan sebelum kod <data:post.body/> jika anda inginkan butang like tu berada diatas entry post.Jika anda mahu ia berada dibawah entry post,pastekan selepas kod <data:post.body/>.

Kod Fb Like button :

 <div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

Ikut langkah langkah dibawah..

 Langkah 1

 Cari kod html <data:post.body/>.Tekan butang 'next' pd sebelah find box.Terdapat dua kod <data:post.body/>..Pilih yg kt atas.Then copy kod Fb like button pastekan sebelum atau selepas kod <data:post.body/>.

Contoh :


Pilihan 1 - Button berada diatas Entry blog (paste Sebelum kod <data:post.body/>)

<div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div><data:post.body/>.

Pilihan 2 - Button berada dibawah Entry blog (paste Selepas kod <data:post.body/>)

<data:post.body/><div>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.url" layout='button_count' send='false' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>

Langkah 2

Tekan button preview untuk memastikan kod itu dipastekan ditempat yg betul.Jika keluar like button seperti yg ditunjukkan pd gmbar diatas.Tekan save template.

Selamat mencuba !

Read more »