Create Multiple Button Share Blog


Given the importance of site popularity is built, here is a blogger of course every effort will be your demands. Tips Suhendri come up with the latest postings can help you to achieve your goals one of which is popular with the Create Button Multiple Share Blog.

Create Multiple Button Share Blog

Create Multiple Button Share Blog

Share Button Type Used: Facebook, Twitter, Digg, Google Plus And Much Much More

The share button that is attached to the blog site to make it easier for visitors who like to blogs or articles that terposting, when visitors like shape, usually visitors will share a blog or a blog post that is attached, so automatically your blog posts will be taken where it serves as the key , Facebook, Twitter, Digg and others. Multi Button Share Blogs are the answer.

The trick to make the share button to add source code only on the gadget pages easily and quickly you can see below.

1. Sign Blogger.com or Draft.blogger.com
2. Select the icon "Go to post list" ->> Layout
3. Add a Gadget HTML / JavaScript
4. Enter the following code

<!-- floating page sharers Start-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;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="Share to Your Friends">
<div style="clear: both;font-size: 16px;text-align:center;"></div>
<div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone> </div>
<div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">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='rw'><div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a></div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script> <a href=" http://berbagi-kreativitas.blogspot.com/2012/01/buat-tombol-multi-share-blog.html"/>Get this</a>
<!-- floating page sharers End --></div></div>

5. Save Gadget.
Ok after that you can see the result, enjoy!
 
 
Hak cipta | Suhendri Tips
Support Theme by Blogger