[Tutorial] Memasang Widget Share Twitter dan Facebook Pada Blog

Share

Sekarang saya akan memberitahukan cara memasang tombol share twitter dan facebook, seperti yang ada di sebelah kanan. Ini adalah widget untuk menshare isi artikel ke facebook atau twitter.
Bila anda mau, anda bisa memasangnya dengan memasukkan kode tertentu pada template blog anda, sehingga secara otomatis pada setiap artikel akan terlihat banyak link yang di share di Facebook dan Twitter.
Berikut ini akan saya jelaskan cara memasangnya...

Pilihan Kode Widget Share Twitter (TweetMeme)
Kode TweetMeme Kotak

<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Kode TweetMeme Memanjang

<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>


Pilihan Kode Widget Share Facebook
Kode Facebook Kotak

<a title='Share on Facebook' name='fb_share' type='box_count' 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>

Kode Facebook Memanjang

<a title='Share on Facebook' name='fb_share' type='button_count' 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>

Cara Memasang Kode :

• Login ke akun blogger anda
• Klik "Rancangan", Lalu klik tab "Edit HTML"
• Lalu Cari kode Ini :
  
  <p><data:post.body/></p>atau <data:post.body/> 
• Di atas kode tersebut masukkan kode ini:

<div style='float:right; margin:0 0 10px 10px; text-align:center;'>

KODE-TWEETMEME

<br />

<br />

KODE-FACEBOOK

</div>

• Ganti tulisan Kode-TweetMeme dan Kode-Facebook dengan kode widget TweetMeme dan Facebook pilihan anda
• Klik tombol “PREVIEW” untuk mereview perubahan tampilan template
• Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”.

Catatan

Untuk memasang widget tersebut (TweetMeme dan Facebook), kita tidak perlu menggunakan akun Twitter atau Facebook. Bahkan kita tidak harus punya akun di Twitter atau Facebook, karena tombol itu secara otomatis akan membaca URL artikel kita dan menunjukkan angka link sharenya yang tidak tergantung pada akun kita, jadi sebenarnya bisa dipasang di blog/situs mana saja.

Kode di atas adalah untuk pemasangan pada bagian atas artikel sebelah kanan. Kalau mau ditaruh di kiri, ganti kode style pada tag div menjadi:
<div style='float:left; margin:0 10px 10px 0;'>


Kalau ingin memasang widget secara memanjang (menyamping), hilangkan tag <br />. Atau coba experimen sendiri aja ya  , kan nanti bisa direview dulu sebelum disave.


Sumber : inimu.com