Copy-Paste Social BookMarking Blogger Widget Add

Before the era of social bookmarking site it was damn difficult to drive traffic to a website. Now, Anyone with good ideas, thoughts and skill can build traffic and eventually huge audience by sharing social bookmarks on Digg and StumbleUpon. Two or three stumbleups can give you hundreds of visitors. However the fact is lot of people don’t provide feasible option to their readers to submit the article they liked.

There are many plugins for self hosted wordpress blog. Bloggers blogging on Blogger.com plateform find it bit difficult. You could add bookmarking button by editing template in HTML mode but it was quite tedious and time consuming. So I took some time and found a way out. Follow four steps to add bookmarking widget…..

>> Login to you Blogger account.
>> Go To Layout.
>> Add HTML widget
>> Copy and paste the below code and save the widget.

<center><script src=”http://www.lasvak.com/post-social-bookmarking.js” type=”text/javascript”></script></center>

It will look like this….

 

Thats it you are done. You can use the script for any webpage. Script will use the title and url of the document it is used on. You will need to edit the script if you wish to add more social bookmarking sites. Download the script here. understand the script to add more sites.

Understanding Of Script

In the script there is one variable and two functions. image_dir is the location of bookmarking icons stored in. Function add_tool is used to create image link and url to submit article to.

Add Social Bookmarking Widget In Blogger

 

Edit the script as per your requirements, save it and upload it. Hope this will help you.

Share, If You Really Enjoyed: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Google
  • StumbleUpon
  • Reddit
  • YahooMyWeb

4 Comments »

  1. avatar comment-top

    Great Widget - it is something like Social Bookmark plugin, but for blogger right…

    comment-bottom
  2. avatar comment-top

    Yes right. No need to go to html, expand widget then find particular code snippet and replace it. Cool

    comment-bottom
  3. avatar comment-top

    Easiest method. Thanks for sharing.

    comment-bottom
  4. avatar comment-top

    Luke, Java, Blog Burner@: Glad that you liked it.

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment