27 July 2010

Menambahkan Facebook, Twitter, and Digg Button Pada Blogger atau Blogspot

Anda ingin menambahkan Facebook Share Button, Twitter/Tweet Button, dan Digg Button seperti yang anda lihat di setiap postingan blog TechWae ini? Ketiga button ini sebenernya lumayan dibilang perlu bahkan penting lho... Biasanya penulis dan pengunjung suka atau hobi meng-share atau membagi link postingan yang ditulis atau dibacanya ke Facebook, Twitter, ataupun Digg.

Bagi penulis membagi link ini karna ingin memberitahukan tulisannya kepada dunia melalui teman-temannya yang ada di Facebook, Twitter maupun Digg dan pembaca ingin menyebarkan kepada temannya juga donk tentunya. Intinya ketiga button ini sangat efektif untuk menyebarkan informasi.
Anda mau pasang di blog Anda sendiri? Ikuti langkah-langkah berikut:

Menambahkan Facebook Button
Masuk ke Blogger.com kemudian Design dan pilih Edit HTML. Beri check list pada Expand Widget Template. Kemudian temukan <data:post.body/>. Setelah ketemu tambahkan kode berikut sebelum <data:post.body/>:
<div style='float:right;padding:1px;'>
<script>
var fbShare = {
url: '<data:post.url/>',
title: '<data:post.title/>',
size: 'large',
google_analytics: 'true'
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</div>

Menambahkan Twitter Button
Masih di lokasi dan cara yang sama seperti sebelumnya (Facebook Button). Kode untuk Twitter Button adalah sebagai berikut:
<div style='float:right;padding:1px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>

Menambahkan Digg Button
Tambahkan kode berikut untuk memasang Digg Button:
<div style='float:right;padding:1px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

Kode untuk kombinasi ketiganya (Facebook, Twitter, and Digg Button) adalah sebagai berikut:
<div style='float:right;padding:1px;'>

<script>
var fbShare = {
url: '<data:post.url/>',
title: '<data:post.title/>',
size: 'large',
google_analytics: 'true'
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>

<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_window = 'new';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>

Semoga berguna!

--
Related post:
Free Blogger Template: Bcute

Artikel ini membantu? Silahkan klik tombol like dan share
Jangan lewatkan artikel terbaru Mr Gaptek! Silahkan berlanggan dengan klik tombol like
Previous Post
Next Post

0 comments:

Silahkan tinggalkan pesan jika ada pertanyaan atau hal lainnya.