BlogTariff


Social networking sites are playing wide role in connecting the people to share their views and information with each other.
Not only sharing information but adding new freinds making a relationship with other.
Recently everyone maintains own blog/website but to share their valuable article/posts with other these social networking sites plays a vital role.
To make them available on blog to visible to every reader/visitors by reminding that this blog avilable on these social networking sites.
BlogTariff explains you how to add a "Floating social media buttons" with simple CSS with HTML code.
This floating widget helps your visitors/readers to share this your blog article/post on their wall posts.


Let's start : 

How to insert Floating "Facebook", "Retweet" & "Stumble upon" small icons to your blogger blog


  • Sign in to your blogger blog
  • Click on Design Layout tab -->
  • Click on Add a Gadget link -->
  • Select HTML/Java script Gadget -->
  • Then copy the below code and paste it


<div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px  5px; height:220px; width:53px ">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="BlogTariff">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
By replacing BlogTariff with your Twitter account username, save the gadget.
After adding succesfully save your template and preview your blog.....how its looks..Good.
If you like this article don't forget to leave your word ....we always respects your views and comments.


Post a Comment Gmail ID

Do not Try to Add Spam Comments

 
Top