Cara Mudah Dapat Uang di Internet Lewat Blog, Twitter, Facebook
» , » Cara Buat Share Facebook dengan Counter di Blogger

Cara Buat Share Facebook dengan Counter di Blogger


D-Copy Blog | Tombol share Facebook adalah cara sempurna untuk membagi postingan blog dan untuk menunjukkan jumlah saham yang telah dibuat untuk posting blog tertentu. Ada dua jenis dengan gaya yang berbeda, satu dengan tombol jumlah besar dan yang lainnya adalah tombol inline. Untuk menambahkannya ke Blogger pilih salah satu dari tombol share dibawah ini seperti yang disebutkan di bawah ini.
Facebook Share
Facebook Share Button with Counter
<div style="float: right; margin: 4px;">
<a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

Facebook Share Inline Button Counter

<div style="margin: 4px;">
<a name="fb_share" type="button_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>

Cara Membuat Facebook Share Button Ke Blogger :

  1.  Buka akun Blogger Anda
  2. Masuk ke Menu Edit HTML > centang Expand Template Widget, cari kode dibawah ini :
<data:post.body/>
     3.  Pastekan kode button yang Anda inginkan pada diatas ataupun dibawah pada kode diatas.

Penjelasan
Dalam kode di atas, temukan kode "float: right;" . Jika Anda ingin memiliki ini di kiri dalam body postingan Anda, kemudian ubah kode menjadi "float: left;" atau menghapusnya seperti yang ditunjukkan pada tombol kedua.
Float Left

Float Right
Jika Anda ingin tombol share hanya dilihat di halaman postingan saja, teempatkan kode seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<a name="fb_share" type="box_count" expr:share_url="data:post.canonicalUrl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</b:if>

Mengubah ukuran Facebook Share Button :
Setelah peluncuran tombol berbagi terlalu banyak, tombol share Facebook terlihat agak over-size. Setelah CSS tweak kecil, tombol ini dapat diubah ukurannya agar sesuai dengan lebar tombol lainnya. Untuk melakukan hal ini temukan ]]></b:skin> dan diatasnya tambahkan kode :

.FBConnectButton_Text {
padding: 2px 4px 3px !important;
}
Atur padding sesuai dengan keadaan yang Anda inginkan.
Odii Siitohang
Judul: Cara Buat Share Facebook dengan Counter di Blogger;
Ditulis oleh: Unknown;
Rating Blog: 5 dari 5





Anda sedang membaca Artikel tentang Cara Buat Share Facebook dengan Counter di Blogger dengan url http://d-copy.blogspot.com/2012/10/buat-share-facebook-dengan-counter-di-blogger.html, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
D-Copy Reader DMCA
[8] Komentar untuk Cara Buat Share Facebook dengan Counter di Blogger:
  1. saya sudah follow blog ini dengan nama Liong Seo, follback juga ya >> http://liong-seo.blogspot.com/

    makasi, ^_^

    ReplyDelete
  2. Makasih mas tutorialnya..

    Jangan Lupa kunjungan baliknya..

    Sekalian di like FP dan follow blog aq..

    Thanks..

    Oh ya nama akunnya Cadis ya..

    ReplyDelete
  3. promo dikit cuyy
    ingin tau soal green tea ,masuk ke www.benswiny.com

    ReplyDelete
  4. Bagus-bagus artikelnya gan
    Kami mengundang anda untuk membagikan artikel-artikelnya dengan menyubmit ke
    http://bagikanlink.com/

    ReplyDelete
  5. Gan.
    kok punya saya harus konfirmasi dulu? ? ?
    mohon pencerahannya.
    http://komar-share.blogspot.com/

    ReplyDelete
  6. sip. bdw cara buat related post yang seperti nya agan gmn caranya?

    ReplyDelete

Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode[code]KODE ANDA[/code]
Untuk menyisipkan quote[blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar[img]URL Gambar[/img]
Untuk menyisipkan video[youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda

   


 
D-Copy Blog © 2013 - All Rights Reserved Design : Creating Website Published : Mas Template