Cara Menambahkan Tombol Share Facebook Ke Blog

| | Print This! | No comments

Do you like this post?

Agar blog kita tampil elegan layaknya situs besar seperti situs media-media, sebenarnya caranya sangat mudah, untuk membuat tombol share (berbagi) Facebook ke blog ikutilah langkah-langkah berikut :

• Login ke dashboard blogger Anda --> layout --> Edit HTML  
• Beri Centang  "Expand Widget Templates" 
• Geser kebawah dan temukan kode dibawah ini, lebih cepat gunakan Ctrl+F

 <div class='post-header-line-1'/>

• Sekarang kode dibawah ini tepat dibawah kode diatas

Catatan : Jika kamu tidak menemukan kode  <div class='post-header-line-1'/> di template kamu, maka gunakanlah kode dibawah ini sebelum kode <data:post.body/> 

Kode Tombol Share Facebook di Blog

Kode 1

<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div> 

Hasilnya

Kode 2

<div style='float:right; margin-left:10px;'>

<script>var fbShare = {

url: 'http://BLOGMU.blgospot.com/',

size: 'small',

google_analytics: 'true'

}</script>

<script src="http://widgets.fbshare.me/files/fbshare.js"></script>

</div>

Hasilnya

 

Kode 3

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Hasilnya

 

Kode 4

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Hasilnya

SELAMAT MENCOBA!! 

Artikel Terkait

Posted in: Facebook