Hot!
Home » Facebook Bagikan Tombol Hitungan Untuk Blogger » Facebook Bagikan Tombol Hitungan Untuk Blogger

Facebook Bagikan Tombol Hitungan Untuk Blogger

Facebook sekarang telah secara resmi memperkenalkan tombol Retweet like Facebook untuk blog atau situs Anda. Tombol-tombol Facebook ini terlihat sangat mirip dengan tombol Retweet oleh Tweetmeme . Facebook memiliki 5 gaya tombol Berbagi. Di sini kita akan melihat dua dari mereka.
Menambahkan tombol jumlah berbagi Facebook akan menunjukkan jumlah rapi berapa kali posting blog Anda telah dibagikan di Facebook.
Catatan: Tombol berbagi Facebook sudah tidak digunakan lagi dan FB tidak lagi mendukungnya (Masih berfungsi). Anda masih bisa menambahkannya jika mau. Anda juga dapat memilih untuk menambahkan Tombol Suka Facebook baru dengan Suka Hitungan.

Gaya Tombol Bagikan Facebook 1

facebook-share-button-for-blogger-1

Kode untuk Facebook Bagikan Tombol Gaya 1

< div  style = "float: right; padding: 4px;" >
<b: if cond = 'data: post.isFirstPost'> 
<script> (fungsi (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);
} (dokumen)); </script>
</ b: jika> 
<fb: share-button expr: href = 'data: post.url' type = 'box_count' />  
</ div >

Gaya Tombol Bagikan Facebook 2

facebook-share-button-for-blogger-2

Kode untuk Facebook Bagikan Tombol Gaya 2

< div  style = "float: left; padding: 4px;" >
<b: if cond = 'data: post.isFirstPost'> 
<script> (fungsi (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);
} (dokumen)); </script>
</ b: jika> 
<fb: share-button expr: href = 'data: post.url' type = 'box_count' />
</ div >

Tombol Bagikan Facebook Gaya Ringkas 1

facebook-share-button-for-blogger-3

Kode untuk Facebook Bagikan Compact Button Style 1

< div  style = "float: right; padding: 4px;" >
<b: if cond = 'data: post.isFirstPost'> 
<script> (fungsi (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);
} (dokumen)); </script>
</ b: jika> 
<fb: share-button expr: href = 'data: post.url' type = 'button_count' />  
</ div >

Tombol Bagikan Facebook Gaya Ringkas 2

facebook-share-button-for-blogger-4

Kode untuk Facebook Bagikan Compact Button Style 2

< div  style = "float: left; padding: 4px;" >
<b: if cond = 'data: post.isFirstPost'> 
<script> (fungsi (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);
} (dokumen)); </script>
</ b: jika> 
<fb: bagikan expr: href = 'data: post.url' type = 'button_count' />  
</ div >

Bagaimana cara menginstal Tombol Hitung Bagikan Facebook di Blog Blogger Anda?

1. Pilih salah satu Gaya Tombol Bagikan dan salin Kode yang Sesuai.
2.Sekarang login ke Dashboard Blogger Anda dan navigasikan ke Layout > Edit Html dan centang kotak centang yang mengatakan "Perluas templat widget"
3. Temukan potongan kode ini
<div class = 'post-header-line-1' />
dan segera setelah itu tempatkan kode tombol bagikan Facebook kami (yang telah Anda salin) Jika Anda tidak dapat menemukan kode ini di templat Anda, maka cari kejadian pertama dari
< data: post.body />
dan segera sebelum itu tempel kode tombol Bagikan Facebook kami (yang telah Anda salin).
4. Selanjutnya Anda harus menambahkan namespace fb ke tag template Anda. Template Anda harus memiliki spesifikasi untuk tag fb yang telah Anda gunakan. Deklarasi namespace berikut akan menanganinya. Untuk mendeklarasikan namespace, temukan
<html
dan ubah ke
<html xmlns: fb = "https://www.facebook.com/2008/fbml"
Tangkapan layar berikut akan membantu Anda.
imageIni diperlukan untuk semua widget FBML menggunakan tag fb . Jadi jika Anda telah menambahkan namespace sambil menambahkan beberapa plugin FB lainnya, maka Anda dapat melewati ini.
5. Simpan template dan Anda harus mendapatkan tombol hitung berbagi Facebook di dekat setiap posting blog Anda
Jika Anda menyukai posting ini dan jika itu membantu Anda dalam mengimplementasikan tombol Facebook, maka silakan pertimbangkan untuk membagikan posting ini di Facebook menggunakan tombol di kanan atas postingan :)
Lihat juga:
  1.  Tombol Suka / Rekomendasikan Facebook Untuk Blogger   - Baru
  2.  Buat Halaman Penggemar Facebook untuk Blog Anda


Tags:

0 komentar:

Posting Komentar