Add Sharing is Sexy widget for Blogger / Blogspot

There are many more social bookmarking widgets available for blogger. But Sharing is sexy widget is more cool than other widgets. I am posting a simple tutorial to explaining the steps of adding this widget to your blog.


Follow the simple steps :

Step 1 : Sign in to Blogger
Step 2 : Go to LAYOUT — Edit HTML -> Expand Widget Templates
Step 3 : Add the following code before </head>

<style type=’text/css’> { height:54px; background:url(‘’) no-repeat left bottom; position:relative; width:540px; } { width:17px; height:54px; background:url(‘’) no-repeat right bottom; position:absolute; right:-17px; } ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; } 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; } 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(‘’) 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>

Step 4 : Now find the code <data:post.body/>

Step 5: Now add the following code after <data:post.body/>

<div class=’sexy-bookmarks’> <ul class=’socials’>
<li class=’sexy-delicious’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li><li class=’sexy-digg’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-technorati’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-reddit’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-stumble’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-designfloat’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-facebook’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-twitter’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-furl’><a expr:href=’&quot;; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li>
<li class=’sexy-syndicate’><a href=’‘ title=’Subscribe to RSS’/></li>
<li class=’sexy-email’><a expr:href=’&quot; mailto:?subject=&quot; data:post.url &quot;&amp;title=&quot; data:post.title’ target=’_blank’/></li> </ul>
<span class=’sexy-rightside’/></div>

Step 6: Now see the red link in the above code and replace it with your feedburner id.

Step 7: Save Template. Done.

Hope you like this post. Don’t forget to pass your comments here.

About the author


I am Vishal Gaikar, Engineer, Web Addicted, Living in Maharastra, India. Email Me @


  • I seem to be having the same problem. I posted this on the site, just as described in your post, but when I viewed my blog with the coding, my blog posts disappeared. I was able to recover the information by removing the code, but I still want that widget. Could you please contact me with further assistance on getting this widget working on my blog?

  • Hi, thanks for sharing.

    One question.

    How do I get rid of the Sharing is sexy text?

    its annoying


  • We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. 
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.

Leave a Comment

CommentLuv badge