Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara Membuat Tombol Share Facebook Di Blog



  • Login ke Akun Blogger sobat.
  • Masuk ke Tamplate
  • Untuk mengantisipasi terjadinya kesalahan backup dulu tamplate blog sobat.
  • Pilih Edit HTML >> Lanjutkan >> Conteng "Expand Tamplate widget"
  • Cari kode seperti dibawah ini:


<p><data:post.body/></p>

Atau jika kode tersebut tidak anda temukan silahkan cari kode seperti ini

<data:post.body/>


  • nah,disinia ada beberapa variasi tombil pilih sesuai selera sobat letakan script yg saya berikan terserah boleh di bawah atau diatas kode <p><data:post.body/></p>  atau  <data:post.body/> 

  • Keterangan :
  • Jika sobat meletakan salah satu kode di bawah di atas kode <p><data:post.body/></p> atau <data:post.body/> berarti tombol akan berada di atas posting,sebaliknya bila sobat meletakan salah satu kode di bawah di Bawah kode <p><data:post.body/></p> atau <data:post.body/> berarti tombo akan berada di bawah posting

Beberapa Variasi Tombol :

1. Pertama 





Kodenya :


<script>var fbShare = {
url: '<data:post.url/>',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>


2. Kedua




Kodenya :


<script>var fbShare = {
url: '<data:post.url/>',
size: 'large',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>


3. Ketiga




Kodenya :
<a title='share' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php' rel='nofollow'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>


4. Keempat





Kodenya :

<a title='share' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php' rel='nofollow'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

  • Jika sudah menentukan pilihan, Silahkan Save Template anda dan lihat hasilnya

4 komentar:

  1. wajib ne di taruh di blog agar blog kita tambah terkenal
    bondowoso-jawa.blogspot.com

    BalasHapus
  2. wawww makasih mas,
    tapi sepertinya kode no 3 dan 4 ketuker tuh. :D

    BalasHapus
  3. mksh gan info'x sangat bermanfaat sekali...
    sukses terus buat blognya. . .

    BalasHapus