Membuat tombol share di blog

membuat tombol share, ini adalah kelajutan dari  membuat icon follow me on twitter posting saya sebelumnya membuat icon follow me on twitter, bedanya kalo ini untuk berbagi artikel dari ke-4 layanan social bookmark yaitu share artikel ke facebook, twitter, google buzz dan goole plus (+).
intinya untuk memper mudah orang lain dalam mempromosikan artikel kita.

Teman langsung saja ke TKP cara pasang tombol share :

  • Login ke blogger anda
  • Pilih Rancangan >> Elemen laman >> Add gadget (HTML/Javascript)
  • copykan Script di bawah ini dan pastekan di Javascript yang tadi anda Add.
    <style>
    #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
    .fb_share_count_top {width:48px !important;}
    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
    </style>
    <div id="pageshare" title="Get this code from wong3ndeso.blogspot.com">
    <div class="sbutton" id="fb">
    <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">
    </script></div>
    <div class="sbutton" id="rt">
    <script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
    </script></div>
    <div class="sbutton" id="gb">
    <a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
    <script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
    </script>
    </a></div>
    <div class="sbutton" id="gplusone">
    <script src="http://apis.google.com/js/plusone.js" type="text/javascript">
    </script>
    <g:plusone size="tall"></g:plusone></div>
    </div>
  • Simpan dan selesailah pembuatan tombol share di blog anda.
          Cukup mudah bukan !!





Selamat mencoba dan Semoga Bermanfaat



   Terimakasih