Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

Auto Scrolling Social Bookmarking Widget For Blogger Blog

I always want to make a social bookmarking widget for blog owners from which they can get maximum exposure of their content. Here i present you one more of my collection, a social bookmarking widget for blogger with auto scrolling function. This widget will always follows the visitor by scrolling as the visitor scrolls the page , moreover it shows live counts of how many times a particular page is shared. Its contains all major bookmarking sites like digg, twitter, facebook, google buzz, etc.

How To Add?
Step-1 Log into your dashboard. Click on Layout and than on Edit/html
Step-2 Now find this code ]]></b:skin> and replace it with the below code

#share_scroller {left:0;position:fixed;top:700px;}
#share_button {left:0;position:fixed;top:700px;width:80px;}
#shares {-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;background-color:#CCCCFF;border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;border-style:solid;border-width:1px;bottom:100px;margin-top:10px;position:fixed;width:63px;}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}
]]></b:skin&gt;

Step-3 Now find the below code
<body>

and replace it with the bellow code

<body>
<div id=’share_scroller’>
<div id=’share_button’>
<div id=’shares’>
<div class=’SMVote’><script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><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=’SMGap’/>
<div class=’SMVote’><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=’SMGap’/>
<div class=’SMVote’><a class=’DiggThisButton’/><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><script src=’http://www.reddit.com/button.js?t=2′ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><script src=’http://www.stumbleupon.com/hostedbadge.php?s=5’/></div><script src=’http://nirav07.110mb.com/blogger.php’ type=’text/javascript’/></div>
</div>
</div>

Step-4 Save your template.

Then You Are Done

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

April 29, 2010 Ritesh Sanap Blogger Tutorials Social Bookmarking

Comments

  1. Victor Gnanaraj says

    May 16, 2010 at 12:12 pm

    works perfectly dude…

    Reply
  2. saurabh mandal says

    May 26, 2011 at 10:57 am

    Hi,

    Perfect coding, it is installed on my blog and now owrking too.
    Please have a look: http://saurabh-mandal.blogspot.com

    Thanks for the help.

    Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: FoxTab – 3d exprience while browsing
Next Next post: Add Social Bookmarking Icons After Every Post In Blogger Blog

Currently Trending

  • How to download Specific parts of YouTube videos
  • How to Make Your Own Avatar
  • You might also like this Widget for blogger or Related post widget
  • How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
  • 100+ Best Online Games - Who Else Wants to Play ?
  • How to Change the Welcome/Login Screen in Windows XP ?
  • Windows Vista CD key
  • Add/Remove page/Post View Counter Widget For Blogger
  • h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

WordPress To Blogger For Free

May 10, 2010 By Ritesh Sanap 61 Comments

How To Create Flash Games : NO Programming Required

August 9, 2008 By Ritesh Sanap Leave a Comment

Adsense Secrets – What g00gle never told You About Adsense – ebook

August 25, 2008 By Ritesh Sanap Leave a Comment

How to create a Shortcode

March 14, 2011 By Ritesh Sanap Leave a Comment

How to Remove Curly Quotes

February 27, 2011 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean