cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Bagaimana cara membuat tombol share seperti ini :

Membuat Tombol Share

Anda tertarik untuk mencobanya? baiklah kali ini saya akan bagikansalah satu rahasia saya hehe, berhubung ada yang bertanya kepada saya tentang ini, terima kasih kang Irwan atas pertanyaanya..

bang gimana caranya buat share seperti gambar yang saya kirim ini

Seperti yang kita tau tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? coba tengok aja blog terselubung. 
Share atu berbagi saat ini merupakan hal yang penting karena itulah anda wajib memasang tombol share di blog atau web saudara :


Langkah 1
1.  Langsung saja silakan copy kodenya terlebih dahulu :

<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px;"></span><br /> <div style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; float: left; height: 20px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-top: 4px; padding-bottom: 8px; padding-left: 0px; padding-right: 0px; padding-top: 8px; width: 720px;"> <div style="float: left; font-style: italic; font: normal normal normal 12px/normal Georgia; padding-left: 0px;"> Share this history on :</div> <div style="float: left; padding-left: 10px;"> <a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fdata:post.sharePostUrl&t=%0ACara%20Membuat%20Tombol%20Share%20Fb%2C%20Buzz%2C%20Digg%2C%20Twitter%20Di%20Blogspot%20%7C%20Kumpulan%20Informasi%20Maya%0A&src=sp" name="fb_share" style="color: #0b5394; text-decoration: none;" type="button_count"><span class="fb_share_size_Small "><span class="FBConnectButton FBConnectButton_Small" style="background-attachment: initial; background-clip: initial; background-color: #29447e; background-image: url(http://static.ak.fbcdn.net/images/connect_sprite.png); background-origin: initial; background-position: 0% -232px; background-repeat: no-repeat no-repeat; cursor: pointer; display: inline-block; font-size: 10px; line-height: 10px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 1px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><span class="FBConnectButton_Text" style="background-attachment: initial; background-clip: initial; background-color: #5f78ab; background-image: url(http://static.ak.fbcdn.net/images/connect_sprite.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(26, 53, 110); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(135, 154, 192); border-top-style: solid; border-top-width: 1px; color: white; display: block; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-weight: bold; margin-bottom: 0px; margin-left: 17px; margin-right: 1px; margin-top: 1px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; padding-top: 2px; text-shadow: none;">Share</span></span></span></a></div> <div style="float: left; padding-left: 10px;"> <a class="google-buzz-button" data-button-style="small-count" href="http://www.google.com/buzz/post" style="color: #0b5394; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" title="Post to Google Buzz"><span class="buzz-counter-long" dir="ltr" id="buzz-327978822" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://www.gstatic.com/buzz/api/images/buzz-counter-long.gif); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: black; display: inline-block; font-family: sans-serif; font-size: 11px; font-weight: bold; height: 18px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 58px; padding-right: 0px; padding-top: 0px; text-align: center; text-decoration: none; width: 36px;">0</span></a></div> <div style="float: left; padding-left: 10px;"> <span class="db-wrapper db-clear db-compact" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: bottom; zoom: 1;"><span style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="db-container db-submit" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="db-body db-compact" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; zoom: 1;"><span class="db-count" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://widgets.digg.com/img/button/diggThisCompact_2.e2b31151.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #403f07; display: inline-block; float: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 3px; padding-left: 6px; padding-right: 4px; padding-top: 1px; text-align: center; zoom: 1;">0</span><a class="db-anchor" href="" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://widgets.digg.com/img/button/diggThisCompact_2.e2b31151.png); background-origin: initial; background-position: 100% 0%; background-repeat: no-repeat no-repeat; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; cursor: pointer; display: inline-block; float: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: -10000px; width: 58px; zoom: 1;">digg</a></span></span></span></span></div> <div style="float: left; padding-left: 10px;"> <iframe allowtransparency="true" class="twitter-share-button twitter-count-horizontal" frameborder="0" scrolling="no" src="http://platform0.twitter.com/widgets /tweet_button.html?_=1297937135667&count=horizontal〈=en& text=%0ACara%20Membuat%20Tombol%20Share%20Fb%2C%20Buzz%2C%20Digg%2C%20Twitter%20Di%20Blogspot%20%7C%20Kumpulan%20Informasi%20Maya%0A&url=http%3A%2F%2data:post.sharePostUrl&via=<b>USERNAME TWITTER</b>" style="height: 20px; width: 110px;" tabindex="0" title="Twitter For Websites: Tweet Button"></iframe></div> <div> <br /></div> </div>

*perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda


Langkah 2

• Login ke Blogger » Pengaturan » Format » simpan di Tampalat Entri » Simpan

          Setiap kali anda memposting maka akan terdapat kode tersebut.


Atau anda bisa menaruh kode tersebut Edit Tamplate, berikut keterangannya : 
Jika anda ingin memasang tombol share di bawah judul postingan
1.  Copy kode share di atas
2.  Silakan cari kode <div class='entry'>
3.  Simpan Kode Share tersebut di bawah kode <div class='entry'>
4.  Simpan dan lihat hasilnya


Jika anda ingin memasang tombol share di akhir setiap postingan
1.  Copy kode share di atas
2.  Silakan Cari kode <div class='clear'/>
3.  Simpan Kode Share tersebut di bawah kode <div class='clear'/>
4.  Simpan dan lihat hasilnya



5. trims 
Tikhin