Sexy Bookmarks Widget for Blogger

First Step

Login to your blogger account, continue as usual into the Edit HTML, backup your template before proceeding to the next step, this meant if things happen that do not want or failure to install this widget, and then search the code like this:] ]> If you have found, and add the following code below:

<style type='text/css'> <style type='text/css'>
div.sexy-bookmarks { div.sexy-bookmarks (
height:54px; height: 54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom; background: url ( 'http://i43.tinypic.com/2ueii3t.png') no-repeat bottom left;
position:relative; position: relative;
width:540px; width: 540px;
} )

div.sexy-bookmarks span.sexy-rightside { div.sexy-bookmarks span.sexy-rightside (
width:17px; width: 17px;
height:54px; height: 54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom; background: url ( 'http://i43.tinypic.com/2ueii3t.png') no-repeat bottom right;
position:absolute; position: absolute;
right:-17px; right:-17px;
} )

div.sexy-bookmarks ul.socials { div.sexy-bookmarks (ul.socials
margin:0 !important; margin: 0! important;
padding:0 !important; padding: 0! important;
position:absolute; position: absolute;
bottom:0; bottom: 0;
left:10px; left: 10px;
} )

div.sexy-bookmarks ul.socials li { div.sexy-bookmarks ul.socials li (
display:inline-block !important; display: inline-block! important;
float:left !important; float: left! important;
list-style-type:none !important; list-style-type: none! important;
margin:0 !important; margin: 0! important;
height:29px !important; height: 29px! important;
width:48px !important; width: 48px! important;
cursor:pointer !important; cursor: pointer! important;
padding:0 !important; padding: 0! important;
} )

div.sexy-bookmarks ul.socials a { div.sexy-bookmarks a (ul.socials
display:block !important; display: block! important;
width:48px !important; width: 48px! important;
height:29px !important; height: 29px! important;
font-size:0 !important; font-size: 0! important;
color:transparent !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 { . 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-a: hover,. Blinklist-sexy,. Blinklist-sexy: hover,. sexy-Technorati. sexy-Technorati: hover,. sexy-facebook ,. sexy-facebook: hover,. sexy-twitter. sexy-twitter: hover,. sexy-myspace. sexy-myspace: hover,. mixx-sexy,. sexy-mixx: hover,. sexy-script-style ,. sexy-script-style: hover,. designfloat-sexy,. designfloat-sexy: hover,. sexy-Syndicate,. sexy-Syndicate: hover,. sexy-email,. sexy-email: hover (
background:url('http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat !important; background: url ( 'http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat! important;
} )

.sexy-furl { . sexy-(Furl
background-position:-300px top !important; background-position:-300px top! important;
} )
.sexy-furl:hover { . sexy-Furl: hover (
background-position:-300px bottom !important; background-position:-300px bottom! important;
} )
.sexy-digg { . sexy-digg (
background-position:-500px top !important; background-position:-500px top! important;
} )
.sexy-digg:hover { . sexy-digg: hover (
background-position:-500px bottom !important; background-position:-500px bottom! important;
} )
.sexy-reddit { . sexy-(reddit
background-position:-100px top !important; background-position:-100px top! important;
} )
.sexy-reddit:hover { . sexy-reddit: hover (
background-position:-100px bottom !important; background-position:-100px bottom! important;
} )
.sexy-stumble { . sexy-Stumble (
background-position:-50px top !important; background-position:-50px top! important;
} )
.sexy-stumble:hover { . sexy-Stumble: hover (
background-position:-50px bottom !important; background-position:-50px bottom! important;
} )
.sexy-delicious { . sexy-delicious (
background-position:left top !important; background-position: left top! important;
} )
.sexy-delicious:hover { . sexy-delicious: hover (
background-position:left bottom !important; background-position: bottom left! important;
} )
.sexy-technorati { . Technorati sexy-(
background-position:-700px top !important; background-position:-700px top! important;
} )
.sexy-technorati:hover { . sexy-Technorati: hover (
background-position:-700px bottom !important; background-position:-700px bottom! important;
} )
.sexy-twitter { . sexy-twitter (
background-position:-350px top !important; background-position:-350px top! important;
} )
.sexy-twitter:hover { . sexy-twitter: hover (
background-position:-350px bottom !important; background-position:-350px bottom! important;
} )
.sexy-facebook { . facebook sexy-(
background-position:-450px top !important; background-position:-450px top! important;
} )
.sexy-facebook:hover { . sexy-facebook: hover (
background-position:-450px bottom !important; background-position:-450px bottom! important;
} )

.sexy-designfloat { . designfloat sexy-(
background-position:-550px top !important; background-position:-550px top! important;
} )
.sexy-designfloat:hover { . sexy-designfloat: hover (
background-position:-550px bottom !important; background-position:-550px bottom! important;
} )
.sexy-syndicate { . (sexy-Syndicate
background-position:-150px top !important; background-position:-150px top! important;
} )
.sexy-syndicate:hover { . sexy-Syndicate: hover (
background-position:-150px bottom !important; background-position:-150px bottom! important;
} )
.sexy-email { . sexy-email (
background-position:-753px top !important; background-position:-753px top! important;
} )
.sexy-email:hover { . sexy-email: hover (
background-position:-753px bottom !important; background-position:-753px bottom! important;
} )

</style> </ style>

Then Save Template.

Second Step

After entering the code CSS before, then go to the template editing mode in full (Expand Widget Templates) and the search code ago paste code below after the 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' title='Add to Delicious' rel='nofollow'/></li> <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 'title =' Add to Delicious' rel = 'nofollow'/></ li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/></li> <li class='sexy-digg'> <a expr: href = ' "http://digg.com/submit?url =" + data: post.url + "& title =" + data : post.title 'target =' _blank 'title =' Digg This Post 'rel =' nofollow'/></ li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/></li> <li class='sexy-technorati'> <a expr: href = ' "http://technorati.com/faves?add =" + data: post.url + "& title =" + data : post.title 'target =' _blank 'title =' Add to Technorati 'rel =' nofollow'/></ li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/></li> <li class='sexy-reddit'> <a expr: href = ' "http://www.reddit.com/submit?url =" + data: post.url + "& title =" + data: post.title 'target =' _blank 'title =' Add to Reddit 'rel =' nofollow'/></ li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/></li> <li class='sexy-stumble'> <a expr: href = ' "http://www.stumbleupon.com/submit?url =" + data: post.url + "& title =" + data: post.title 'target =' _blank 'title =' Stumble This Post 'rel =' nofollow'/></ li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/></li> <li class='sexy-designfloat'> <a expr: href = ' "http://www.designfloat.com/submit.php?url =" + data: post.url + "& title = "+ data: post.title 'target =' _blank 'title =' Share on DesignFloat 'rel =' nofollow'/></ li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/></li> <li class='sexy-facebook'> <a expr: href = ' "http://www.facebook.com/sharer.php?u =" + data: post.url + "& title = "+ data: post.title 'target =' _blank 'title =' Share on Facebook 'rel =' nofollow'/></ li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/></li> <li class='sexy-twitter'> <a expr: href = ' "http://twitthis.com/twit?url =" + data: post.url + "& title =" + data : post.title 'target =' _blank 'title =' Share on Twitter 'rel =' nofollow'/></ li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/></li> <li class='sexy-furl'> <a expr: href = ' "http://www.furl.net/storeIt.jsp?u =" + data: post.url + "& title = "+ data: post.title 'target =' _blank 'title =' Share on Furl 'rel =' nofollow'/></ li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/ThinksFree' title='Subscribe to RSS' rel='nofollow'/></li> <li class='sexy-syndicate'> <a href='http://feeds2.feedburner.com/ThinksFree' title='Subscribe to RSS' rel='nofollow'/> </ li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/></li> <li class='sexy-email'> <a expr: href = "mailto:? subject =" + data: post.url + "& title =" + data: post.title 'target = '_blank' title = 'Email on Share' rel = 'nofollow'/></ li>
</ul><span class='sexy-rightside'/></div> </ ul> <span class='sexy-rightside'/> </ div>

Save template, and try to open one of your post. How ? Cool ? or Bad ?? hehe..

Template Stars