WidgetsCorner: Bookmark

Showing posts with label Bookmark. Show all posts

Social Bookmarking Widget For Blogger

With the release of Cute Box Blogger Template some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage created. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from our Circular Style Social Media Icon Set. This is how this widget looks like,

To add this widget to your blogs, follow these steps,

Go To Blogger > Layout

Click Add a Gadget or Add a Page element

Choose HTML/JavaScript

Inside HTML/JavaScript paste the code below,

<center><tr><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtTaW9JPHDxnOmJtCb_r6aucZyPhzoSjcx1elbv4Zq7VKx3P111FlqSvxTfCP7cbG5nhxqJh6YOONmp3TPbdrhq8HBGz6kZ2aSlmW8Etu-CU9Xs3_qv584xXplQzE6iLibgopRMj44IQ/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1ySt_u5NmFSydUUWMTAvpDH0yfu2uSQJQzP47ah62P5uuIdW9Zn9nHza4hWoZZ_nJL8AwGHdWc9BSKFhsxp5LqmceJnRzy_YFmn2_ZI9Vxp8MZqo4UfraaNNidb1nMAQxCr-3JJd5ig/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2LA9j3dsJbTQVZ952QpTFy6hOM5CIDY0z51VsRXIwX-XOfSRJpU5p_rWKo4FTt1tO0PRp_gm-H7ADVQRp8L__RFgE2xgnkysNN6yYFB3tR2aLPTRukcf1x4VzNbBFIoo5u-she9t0gE/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Wgpz-5mJtCjWWlIK_-9ZGR22uJLnNcz1gErY0XYospsZx5iNzpUVeYWTLo5IMa_YRGIIoRfFiQMIKTWHZCXQftdP9KhqHc-7bGtdelpEe8Kbzz-hoBkyXzGh_U7YrjzfiGiVQgL17jU/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr></tbody></table></td><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnoKtUhmvSFLSs0IGJc6Rzm6pR3gQOy08SIjN-TuExeE1Qax8c3Y8vFWTFQTq33XesmFv_iy9etO_iuNl6_RXDQido04xVMZU12xONO6WQwQCRiT9pUYwli5lvY5IinP4Dr6k9j1MVA8/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr><tr><td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbN7E_pGUVUw09tzgI9PhrbceOSSFXCaJ2MjRj14SLe0H6k1Oh4v7yjk9QG-zZhVRxhKKfMMXjvBB62dLZp07iYBPXMw4tsn2jcPWDqnjPSe30Ux4IOAfYpwFhTWEzERbtGjz3bWyPbE/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td></tr><tr><td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4e5SEKwZGmLJAklGC-5karUIQGlailLgpXVpEK-embwFuUehJZVGGhlVsJtk1Jl3Y5ZZch4G4qYQ7hCr6X2jy2TAgztAcNo1YY6zfvvnc2E5e1b-rNdh93GsEdH-mueaaq80dP1sBtJZk/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td></tr></tbody></table></td></tr></center>

Remember to replace YOUR-BLOG-NAME with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US with your own Feedburner subscription link.

You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,

Finally save your widget and preview your blog to see the new change!

AddThis Inside Post

I tried adding the "cool" new version of the AddThis bookmarking widget to this blog and found that it did not work as advertised. It was shown to have a dropdown menu, but that was not the case.

This is most likely due to the new lingo blogger's new templates use.

I searched for a bit until my patience timer ran out and having found no information with a fix -- I wrote one myself.

Rather than have a lot of people ask me how to make it work I thought I'd save myself a ton of time and just post a short HOWTO right here where you can see it working.

First register yourself with AddThis if you haven't already.

Now follow these instructions:

1.) Log into your Blogger account
2.) Go to 'Edit HTML'
3.) Click 'Expand Widget Templates'
4.) Search for: 
5.) Add the following code immediately above it -- no edits required

<div class="snarf-border">
<script type = 'text/javascript'>
addthis_url = '<data:post.url/>';
addthis_title = '<data:post.title/>';
addthis_pub = '<data:blog.url/>';
</script><script
src='http://s7.addthis.com/js/addthis_widget.php?v=12'
type='text/javascript' />
</div>

If your template adds borders to images and you don't want this widget to have a border then go to the top of the template and search for:

body {

then find the closing brace '}' for the 'body {' block and right beneath it add the following code:

.snarf-border a img { border: none; }

Sharing is Caring Bookmarks

Social networking buttons widget is a must for blogs and moreover you must be very creative while adding these buttons.
To make your work easier, here's an attractive bookmarking widget, that by default partially hides the buttons and shows them only when a visitor hovers his mouse-cursor over the icons.

Screenshot:

go to design > edit html

Find this piece of code

</head>

Immediately before that paste this code

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://img714.imageshack.us/img714/57/sharing.png') no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(' http://img688.imageshack.us/img688/3998/sexybookmarksbuttons.png') no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
</style>

Now find this code

<data:post.body/>

Immediately After that paste this code

<div class='sexy-bookmarks'>
        <ul class='socials'>
        <li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        <li class='sexy-syndicate'><a href='FeedBurner URL' title='Subscribe to RSS'/></li>
        <li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
        </ul></div>

Replace FeedBurner URL with your blog RSS feed url.

Then Save.

Bouncing Bookmarks

Bouncing Website Bookmarks for your Blog.
to spice up your blog now.

How to Implement to your blog?

</head>

Immediately before that paste this code

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>

Next Find this

<data:post.body/>

Immediately After that paste this

<br/>
<b:if cond='data:blog.pageType == "item"'>
<center>
<ul id='nav-shadow'>
<li class='button-color-1'><a expr:href='"http://twitter.com/home/?status=Currently reading-" + data:post.title + " " + data:post.url' target='_blank' title='Tweet This Post'/></li>
<li class='button-color-2'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-3'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-4'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-5'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li></ul></center>
<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>
</b:if>

Then Save.

SocioFluid Dock Bookmark

Do you want to have a Cool Bookmark on your blog? Go to SocioFluid ,it is a Dock Site Bookmark,

How to get Dock like Bookmark on your blog?

Go to SocioFluid and generate your own Website you want to add on your bookmark dock.

See Sample Image:

Click to see Full size,

Try this Sample Below:

Social Bookmarking Widget

To add this widget to your blogs, follow these steps,

Go To Blogger > Layout

Click Add a Gadget or Add a Page element

Choose HTML/JavaScript

Inside HTML/JavaScript paste the code below,

<center><tr><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtTaW9JPHDxnOmJtCb_r6aucZyPhzoSjcx1elbv4Zq7VKx3P111FlqSvxTfCP7cbG5nhxqJh6YOONmp3TPbdrhq8HBGz6kZ2aSlmW8Etu-CU9Xs3_qv584xXplQzE6iLibgopRMj44IQ/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1ySt_u5NmFSydUUWMTAvpDH0yfu2uSQJQzP47ah62P5uuIdW9Zn9nHza4hWoZZ_nJL8AwGHdWc9BSKFhsxp5LqmceJnRzy_YFmn2_ZI9Vxp8MZqo4UfraaNNidb1nMAQxCr-3JJd5ig/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2LA9j3dsJbTQVZ952QpTFy6hOM5CIDY0z51VsRXIwX-XOfSRJpU5p_rWKo4FTt1tO0PRp_gm-H7ADVQRp8L__RFgE2xgnkysNN6yYFB3tR2aLPTRukcf1x4VzNbBFIoo5u-she9t0gE/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Wgpz-5mJtCjWWlIK_-9ZGR22uJLnNcz1gErY0XYospsZx5iNzpUVeYWTLo5IMa_YRGIIoRfFiQMIKTWHZCXQftdP9KhqHc-7bGtdelpEe8Kbzz-hoBkyXzGh_U7YrjzfiGiVQgL17jU/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr></tbody></table></td><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnoKtUhmvSFLSs0IGJc6Rzm6pR3gQOy08SIjN-TuExeE1Qax8c3Y8vFWTFQTq33XesmFv_iy9etO_iuNl6_RXDQido04xVMZU12xONO6WQwQCRiT9pUYwli5lvY5IinP4Dr6k9j1MVA8/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr><tr><td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbN7E_pGUVUw09tzgI9PhrbceOSSFXCaJ2MjRj14SLe0H6k1Oh4v7yjk9QG-zZhVRxhKKfMMXjvBB62dLZp07iYBPXMw4tsn2jcPWDqnjPSe30Ux4IOAfYpwFhTWEzERbtGjz3bWyPbE/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td></tr><tr><td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4e5SEKwZGmLJAklGC-5karUIQGlailLgpXVpEK-embwFuUehJZVGGhlVsJtk1Jl3Y5ZZch4G4qYQ7hCr6X2jy2TAgztAcNo1YY6zfvvnc2E5e1b-rNdh93GsEdH-mueaaq80dP1sBtJZk/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td></tr></tbody></table></td></tr></center>

Remember to replace YOUR-BLOG-NAME with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=widgetscorner&loc=en_US with your own Feedburner subscription link.

You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,

Finally save your widget and preview your blog to see the new change!

Social Bookmarking Widget appears like this:

Drag and Share

Nowadays every blog owners are using social bookmarking Widgets and why should not one use ??? Its helps your website have visibility on web resulting in higher page rank and return traffic.But now you can have it on your Blogger blog. This widget allows users to quickly share your article to famous bookmarking sites like Facebook, Twitter, Delicious, Digg, Linkedin, Reddit, Stumbleupon and Tumblr.

If you want to have Drag and Share on your blog simply follow the step by step instructions on how to implement to your blog/websites.

Click Edit Html and find this piece of code

]]></b:skin>

and paste the bellow code above it.

{border:0;padding:0}*,#ps_tooltip p{margin:0}p{margin:0 0 10px 0}#page{margin:0 auto;width:900px}#page,.ps_ft,.ps_bd,.ps_hd,#ps_websites ul{position:relative}.thumbnail{margin:10px}body,html,
#ps_overlay{height:100%}#ps_hover,#ps_tooltip,#ps_websites .ps_label,#ps_overlay{left:0;top:0}#ps_hover,#ps_title,#ps_tooltip,#ps_websites,#ps_websites .ps_label,#ps_overlay{position:absolute}#ps_hover,.ps_ft,.ps_bd,.ps_hd{z-index:1000}.ps_hd{background:url(http://i50.tinypic.com/of6bv8.jpg) top right no-repeat}.ps_hd,.ps_ft,.ps_bd{padding:0 8px 0 0}.ps_hd .ps_c{background:url(http://i50.tinypic.com/bdm97q.jpg) top left no-repeat}.ps_ft{background:url(http://i47.tinypic.com/x5dy4w.jpg) top right no-repeat}.ps_ft .ps_c{background:url(http://i48.tinypic.com/161mfpk.jpg) top left no-repeat}.ps_bd{background:url(http://i45.tinypic.com/k0ggwp.jpg) top right repeat-y}.ps_bd .ps_c{background:url(http://i45.tinypic.com/2s609y1.jpg) top left repeat-y;padding:0 0 0 8px}.ps_bd .ps_s{background:#fff}.ps_ft .ps_c,.ps_hd .ps_c{font-size:1px;height:8px}#ps_title{background:url(http://i48.tinypic.com/iqiye1.jpg) top right no-repeat;padding:0 5px 0 0;font-weight:normal;left:8px;top:-15px;z-index:999}#ps_title,#ps_websites .ps_label{color:#fff}#ps_title,#ps_tooltip{font-size:10px}#ps_title .ps_tt_l{background:url(http://i48.tinypic.com/10sfbkw.jpg) top left no-repeat;line-height:20px;padding:0 0 0 5px}#ps_tooltip{width:250px}#ps_tooltip,#ps_websites ul{z-index:1010}#ps_tooltip strong{font-size:1.2em}#ps_websites{left:50%;top:50%}#ps_websites,#ps_overlay{z-index:1005}#ps_websites .ps_label{display:none;font-size:2em;white-space:nowrap}#ps_websites ul{list-style:none;width:400px}#ps_websites li,#ps_websites a{display:block}#ps_websites li{float:left;margin:0 30px 40px 0}#ps_overlay{background:#000;width:100%}

Now find code

</body>

And paste this just Before it

<script src='http://iblogerz.5gigs.net/prettySociable/js/jquery-1.3.2.min.js' type='text/javascript'/>
        <script src='http://iblogerz.5gigs.net/prettySociable/js/jquery.prettySociable.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
        $(document).ready(function(){
            $.prettySociable();
        });
    </script>

Contents Code:

<a href="#" rel="prettySociable>Change to your Content</a>

Image Code:

<a href="#" rel="prettySociable"><img src="Your Image Location" ></a>

If you can't make it work on your blog. Let us help you set up. Just drop a comment bellow.

Social Bookmarking Widget For Blogger

AddThis Inside Post

Sharing is Caring Bookmarks

Bouncing Bookmarks

SocioFluid Dock Bookmark

Social Bookmarking Widget

Drag and Share

Subscribe

Follow us Today!

Chatbox

Followers