Membuat Share Button Facebook dan Twitter di Blogspot

Setelah kemaren membuat postingan tentang MEMBUAT WIDGET TWITTER BOX DI BLOGSPOT, maka kali ini saya mencoba untuk membuat tombol share Facebook dan Twitter dibawah postingan. Dalam pembuatannya pun tidak terlalu sulit, hanya butuh ketelitian saja dalam memasukkan kode - kode dibawah ini.

 Langsung saja ikuti langkah - langkah dibawah ini :

1. Login ke Blogger  » Rancangan Edit  » Template
2. Ceklis Expend Template
3. Cari kode ini ]]></b:skin>
4. Masukan kode berikut tepat sebelum (diatas) kode ]]></b:skin>

.sharesoc {display:inline-block;float:right;height:125px;margin:5px 0;width:60px;}

5. Cari kode <data:post.body/>
6. Masukan (copy-paste) kode berikut tepat di atas kode <data:post.body>

<span class='sharesoc'>
<div style='float: right; margin-right: 0px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div style='float: right; margin: 8px 0px 0pt 0pt;'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div> 
</span> 

Setelah semua dilakukan dan sudah dipastikan penempatannya benar, langkah terakhir adalah dengan menyimpan hasil kerja sobat tersebut dengan menekan tombol SAVE.

Sekarang silahkan lihat hasilnya.


Copyright 2011 by SURIYADI