Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Share/ berbagi tulisan ke salah satu situs jejaring sosial yang lagi booming facebook sangatlah baik untuk mendongkrak jumlah visitor ke blog kesayangan kita. Dengan Counter atau penghitung otomatis ketika tombol share di klik bisa kita jadikan masukan tentang kwalitas dan laku tidaknya tulisan kita, tapi itu semua tidak lepas dari keinginan visitor sendiri untuk membagikan tulisan kita ke orang lain.
Untuk membuat tombol share ke facebook dengan counter caranya adalah sebagai berikut:


  1. Login di Blogger dengan id Anda
  2. Rancangan/Design
  3. Edit Html
  4. Centang Expand Template Widget
  5. Kemudian cari*)  kode  <data:post.body/> letakkan kode <a href='http://www.facebook.com/sharer.php' name='fb_share' rel='nofollow' title='share' type='button_count'>Bagikan</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>  di bawah kode  <data:post.body/>
  6. Simpan dan silahkan lihat hasilnya. untuk contoh hasilnya bisa anda lihat di www.mr-mung.com
*) Untuk tips pencarian kode tercepat: copy kode yang akan dicari kemudian buka kode template blog anda, gunakan CTRL F untuk pencarian.
Bagi anda yang gak mau ribet dengan cara diatas, dan menginginkan ada tombol share ke facebook di blognya, bisa juga gunakan script dibawah ini dan cukup dipasang disidebar blog anda dengan menambahkan Gadget html/ javascript.
Berikut scriptnya:

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

Anda cukup mengganti url:'http://www.mrmung.com', diatas dengan alamat blog anda, kemudian simpan, untuk tampilan tombol share ke facebook script diatas bisa dilihat dibawah ini:




Semoga bermanfaat...

r10 at 6 November 2010 05.10

oh maksudnya adalah facebook share dengan perhitungan jumlah share (counter)

*tadinya sempat berpikir facebook share saja tanpa counter

Mr.Mung at 6 November 2010 18.28

ya begitulah.... :-D

MHsim17 at 28 Desember 2010 12.44

Boleh juga...trimakasih ilmunya.

wah oke mas lngsung saya coba. thanks yh !!

Alhuda Rohmatulloh at 17 Juni 2011 18.07

Terima kasih banyak. Bermanfaat banget buat newbie seperti saya. :D

Mr.Mung at 17 Juni 2011 18.39

@Alhuda: ma sama, semoga bermanfaat. terimakasih kunjunganya.

pangkalan at 7 Juli 2011 12.50

mas kalo cara yg ke dua ,bisa gak tampilan di facebook nya bukan judul blog,tapi judul artikel beserta deskripsinya...

nice

Gopar at 25 Juni 2012 22.12

bermanfaat sob..tpi perhitungannya kok gak ada ya?

mantau at 30 Juli 2012 09.12

makasih atas infonya gan, langsung praktek dan jadi :D

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Soal Online Ujian Sekolah TIK

Soal Online: Latihan Ujian Sekolah Mapel TIK

.:: Iklan ::.

Koleksi Tutorial Blog

Pengertian Blog dan Cara Membuat Blog Terbaru

Cara Melakukan Posting Artikel

Cara Membuat Readmore di blog dengan Mudah

Cara Mendapat Hosting Gambar Gratis

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Cara Setting Blog Yang Baru di Buat

Cara memasang Jam Animasi di Blog

Cara memasang banner affiliate di blog

Cara menampilkan dokumen office (word, excell, power point) di blog

Changing the Read More in blogger - New Feature

Creating 'After the jump' summaries

Encode dan Decode

Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

How to create a blog with Blogger - Video YouTobe

Membuat Banner atau Gambar Berjalan

Membuat Navigasi Halaman / Page Navigation Blogger

Membuat Site Map, Daftar Isi Otomatis Versi 2

Membuat Slide Gambar di Blog Dengan JQuery

Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

Menciptakan blog yang keren dan elegant

Mengganti Avatar Komentator dengan Avatar MyblogLog

Mengganti Template Blogger Standard

Navbar Blogger, Amankan Blog dari DELETE

Perancangan Template Blog Baru

Posting Gambar di Blog

Script Buku Tamu Model Show Hide

Script Membuat Buku Tamu Cepat dan Praktis

Script Membuat Random Posting di Blogspot

Script Membuat Slide Photo Panorama

Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

Tips dan Trik: Menghapus Link Subsribe Post

Video Tutorial Membuat Blog di Blogspot 1

Video Tutorial Membuat Email di Ymail

Website Penyedia Layanan Shout Box

Posting Blog Terbaru Otomatis Update di Status Facebook

Gambar bergoyang ketika di sentuh

Membuat Page(Laman Terpisah) di Blogger.com

Cara Membuka Website Yang Benar (Untuk Pemula)

Cara Mudah Custom Domain di Blogspot

Cara Custom Domain blogspot dengan Domain web.id

Cara Membuat Scroll Widget Blog

Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

Cara Mengedit Gambar Slide
Cara Setting Sub Domain dan Redirect Domain
Cara Menyimpan Javascript di Google Drive

Arsip Blog