.....

8 Add Floating Share Buttons Like Mashable to Blogger


Instructions To Follow:

STEP #1

Log in to Blogger, go to Layout -> Edit HTML

and mark the tick box "Expand Widget Templates"


STEP #2

Now find (CTRL+F) this code in the template:
]]></b:skin>
And immediately before it, paste this code:


#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}


Step#3 Now find the bellow code

<div class='post-header-line-1'/>just before it, paste this code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharebox'>
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='float'><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'/><div class='clear'/></div>
<div class='float'><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'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>

</b:if>

Now click Save Template

Thats it and remember, the floating widget is visible only for blog post, so this widget won’t be visible on your blog homepage.

Free Backlinks for Blog and Website

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:- Copy this html code to your website >>
Free Backlinks blogger widgets



Optionally use this Widget installer to add this link to your blogger blog.

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website. - If you remove the code from your website where your backlink will be deleted automatically. - if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.
submit here

8 Responses So Far:

aneka freeware,info mathkomp said...

hi, my name is onnny. ilike your blog. maybe we can share about blogger's tuttorial. i come from indonesia. visit my blog:http://onnyjuga.blogspot.com

Glenny said...

This is just what i have been looking for! Many thanks! The reason why i prefer your way of doing it to others is the fact that the widget is hidden on the home page and only shows on post pages. This is a big advantage! You can see this working on my blog if you like
http://www.justmeglenny.com/

Unknown said...

it didnt work for me :(

admin said...

Wande's World @

it works correctly.

Anonymous said...

Hi Won't float :) check it out: www.facebookalized.com

Thanks man

Anonymous said...

Thank a lot , it worked for me :)

Max Ginez III said...

Thanks for sharing this tutorial.
It really works.
Here is my Blog for you to see how the button floated.
http://maxginez3.blogspot.com
Thanks for posting this comment.
Max

Sanyo Seiki said...

Wow!.. Really helpful!.. Thanks!


Sanyo Seiki Stainless in Mashable

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger