DIRGAHAYU KEMERDEKAAN REPUBLIK INDONESI KE 71 TH. JAYA SELALU !!!

Selasa, 30 Agustus 2011

Cara Membuat Tombol Share Facebook dan Twitter Di Postingan Blog

Selasa, 30 Agustus 2011
 
Jejaring sosial merupakan media yang paling banyak dikunjungi dan Facebook merupakan jejaring sosial yang menempati peringkat pertama paling banyak dikunjungi di seluruh dunia setelah itu disusul oleh twitter di peringkat ke 2. Banyaknya pengunjung yang menggunakan jejaring sosial merupakan kesempatan baik bagi para blogger untuk membagikan setiap artikelnya kedalam situs jejaring sosial dengan harapan semakin banyak pengunjung yang datang untuk membaca-baca blog kita, tentunya hal ini sangat berpengaruh terhadap posisi blog kita di mata mesin pencari.

Namun jika kita sendiri yang membagikan artikel demi artikel dari blog kita ke situs jejaring sosial, maka para pengunjung yang akan datang ke blog kita hanya sejumlah teman-teman yang ada pada jejaring kita saja. Untuk itu menambahkan tombol atau link yang berfungsi untuk membagikan artikel kita ke situs jejaring sosial sangat bermanfaat bagi kita, agar para pengunjung blog kita dapat membagikan link artikel kita ke jejaring mereka.

LANGKAH-LANGKAH:

Langsung aja ke tutorial membuat tombol share facebook dan twitter di blogspot
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/>
(Tips : tekan F3 untuk mempermudahnya, masukan kode di atas dan tekan enter)
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> 
Terakhir simpan template dan lihat hasilnya. 
Oke semoga bermanfaat..

0 comments:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...