Ads 468x60px

Thursday, March 11, 2010

Kumpulan Share Button untuk Blogger.com

Kalau mau blog anda laris manis, jangan hanya menulis saja. Tetapi pasang juga tombol "Share Button" agar pengunjung yang suka dengan artikel anda langsung bisa di share ke beberapa situs.
Sebelumnya saya pernah membuat tulisan tentang Facebook Share Button dan Twitter Share Button. Pada tulisan kali ini akan saya bahas beberapa tombol share lainnya yang saya gunakan juga.


1. Facebook Share Button

Tutorial ini saya dapatkan dari situs www.bloggerplugins.org. Tetapi tombol yang saya gunakan seperti preview di atas. Jika akan menggunakan tombol tersebut silakan copy berikut:

<!--FB--><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

Kalau mau tombol yang lebih komplit langsung saja meluncur ke www.bloggerplugins.org


2. Google Buzz Share Button

Tutorial ini saya dapatkan dari situs www.bloggerplugins.org. Tombol yang saya gunakan seperti preview di atas. Jika akan menggunakan tombol tersebut silakan copy berikut:


<!--BT--><a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://lh6.ggpht.com/_lOXhDbKMLLk/S5SO6-AynyI/AAAAAAAABIs/NaWQVWj8578/s128/googlebuzz16.png'/> Buzz This!</a>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

Kalau mau tombol yang lebih komplit langsung saja meluncur ke www.bloggerplugins.org atau http://www.rebuzzthis.com/

3. Twitter Share Button

Tutorial ini saya dapatkan dari situs www.bbloggerbuster.org. Jika akan menggunakan tombol tersebut silakan copy berikut:

<!--TT--><span style='background: url(http://lh6.ggpht.com/_lOXhDbKMLLk/SkM6M1K7WDI/AAAAAAAAAzE/T-hAQP0JzRs/Twitter.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/><a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#' target='_blank'><span style='display:none;'>SilakanBaca: <data:post.title/></span>Tweet This!</a><script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/></span>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

4. Yahoo Buzz Button

Jika akan menggunakan tombol tersebut silakan copy berikut:


<!--YB--><script badgetype='text' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'>ARTICLEURL</script>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

Untuk informasi lebih lengkap dan pilihan button yung lebih banyak tentang Yahoo Buzz Button langsung saja meluncur ke http://buzz.yahoo.com/buttons

5. Lintas Berita Button

Tombol ini saya dapat dari rekan blogger yang menggunakan, trus saya buka saja source code blognya. Tapi sayangnya saya lupa dimana blognya itu. Jika akan menggunakan tombol tersebut silakan copy berikut:


<!--LB--><img src='http://4.bp.blogspot.com/_WM8e1-It3UA/SnNU-x97xTI/AAAAAAAAALk/xo1RrIyASjA/s1600/lintasberita-16x16.gif'/><a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' target='_blank'> Lintas Berita</a>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

6. Tambahan

Kalau mau semua button diletakan di bawah seperti pada blog saya. Silakan langsung copy kode dibawah ini:


<!--FB--><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> <!--BT--><a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://lh6.ggpht.com/_lOXhDbKMLLk/S5SO6-AynyI/AAAAAAAABIs/NaWQVWj8578/s128/googlebuzz16.png'/> Buzz This!</a> <!--LB--><img src='http://4.bp.blogspot.com/_WM8e1-It3UA/SnNU-x97xTI/AAAAAAAAALk/xo1RrIyASjA/s1600/lintasberita-16x16.gif'/><a expr:href='&quot;http://www.lintasberita.com/kirimmedia/url:&quot; + data:post.url' target='_blank'> Lintas Berita</a> <!--TT--><span style='background: url(http://lh6.ggpht.com/_lOXhDbKMLLk/SkM6M1K7WDI/AAAAAAAAAzE/T-hAQP0JzRs/Twitter.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/><a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#' target='_blank'><span style='display:none;'>SilakanBaca: <data:post.title/></span>Tweet This!</a><script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/></span> <!--YB--><script badgetype='text' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'>ARTICLEURL</script>

di paste-kan di bawah kode berikut


<b:includable id='comments' var='post'>

Selamat mencoba, silakan berkomentar jika terjadi kesalahan.

UPDATE:
- Google Buzz Button: http://www.google.com/buzz/api/admin/configPostWidget
- Tweet Button: http://twitter.com/goodies/tweetbutton

21 Comments:

  1. Informasi yang sangat penting... thanks

    ReplyDelete
  2. makasih infonya, langsung ditancap ke blog!

    ReplyDelete
  3. wah langsung, udah ane pasang nih.. sob

    ReplyDelete
  4. ko di blog saya ga ada code ininya yaa ? mohon bantuannya bay !

    ReplyDelete
  5. {at} tommy
    coba gunakan template bawaan dari blogger.com

    ReplyDelete
  6. maksih om infonya, jaya terus blogger

    ReplyDelete
  7. aku sangat berterimkasih atas postingan ini, dah kesana kemari, tutorialnya bahasa inggris semua, yang ini baru masuk di otak. thanks

    ReplyDelete
  8. Siap mengatur blog nih kayaknya. Makasih gan.. :)

    ReplyDelete
  9. Thanks for info,..
    sangat membantu,..
    http://www.catatanputra.co.cc/

    ReplyDelete
  10. Thanks sobat... informasi berharga sekali...

    ReplyDelete
  11. thanks banget bro, skg blog gw udah canggih bisa di share share sgala! :D
    www.pawpav.blogspot.com

    ReplyDelete
  12. thanks bos artikelnya sangat membantu.. g usah cape.. jadinya ...

    ReplyDelete
  13. di blog saya, tweetnya knapa muncul setelah comment box ya?
    (http://lexmove.blogspot.com/)

    ReplyDelete
  14. Gan tuk More Share kok blum ad gan?? izin tancap gan

    ReplyDelete
  15. Kebetulan belum punya share button dari lintas berita.
    Trims untuk info di atas..

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...
 

Instagram

Instagram

Statistics


Visit Indonesia

visit indonesia Warung Blogger