Cara Pasang Share Widget Twitter Dan Facebook Di Entri Blog

 

Mungkin anda pernah/sering lihat ada tombol/widget share Facebook dan Twitter di bagian atas sebuah artikel blog di mana pada kedua widget itu terlihat angka yang menunjukkan banyaknya link dari sebuah artikel/posting yang dishare oleh pengunjung blog.
Bila tertarik, anda juga bisa memasangnya dengan memasukkan kode tertentu pada template blog, sehingga pada setiap artikel secara otomatis akan terlihat berapa banyak link yang dishare pada kedua layanan online social networking tersebut (Twitter dan Facebook).
Berikut ini adalah tutorial cara pemasangannya di blog, khususnya Blogger/Blogspot.
*

Pilihan Kode Widget Share Twitter dan Facebook

Silahkan lihat-lihat dulu pilihan widget share yang disediakan oleh TweetMeme (untuk widget Twitter) dan widget share Facebook. Nanti kodenya akan ditempatkan pada template blog:

*Kode Widget Share Twitter (TweetMeme)

KODE-TWEETMEME-1 (kotak)

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

KODE-TWEETMEME-2 (memanjang)

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

*Kode Widget Share Facebook

KODE-FACEBOOK-1 (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.pa'></script>

KODE-FACEBOOK-2 (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 Widget Share Pada Template Blogger - Login ke akun Blooger. - Klik “Layout”, lalu klik tab “Edit HTML”. - Klik “Expand Widget Templates”. - 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 yg berwarna merah dengan kode widget TweetMeme dan Facebook pilihan anda (lihat Pilihan Kode Widget). - Klik tombol “PREVIEW” untuk mereview perubahan tampilan template. - Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”.