More Advertisement
Like This Post?
Update: Get the latest SexyBookmarks widget from here
Hello Fellow bloggers! Good news for blogger.com users, now they can add the Sexy-bookmark wordpress plugin. by following these simple steps:
Now, Lets begin.
!Before changing your template, don’t forget to backup your template and your widgets! 1. First of course go to your template editor and tick the ‘Expand Widget Template’. 2. Put this code before </head>
<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('http://i43.tinypic.com/2ueii3t.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://i44.tinypic.com/1znbj83.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>
3. Now Put the below code after <data:post.body/>
<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-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-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-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-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/naeemnur' 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>
</ul><span class='sexy-rightside'/></div>
Dont Forget to replace my feedburner id(naeemnur) with yours. As for the wordpress users they can download the plugin here you can see the demo below>
hi its really cool thanks.
Very nice..
Good work! Now Blogger users dont need to lack behind their WordPress counterparts regarding the Sexy Social Bookmarking plugin.
.-= Tech-Freak Stuff´s last blog ..Even Famous Bloggers Copy Content! Let us know How. =-.
I cant find the tag :/
(yea Im using ctrl + f)
Is there another diff tag?
Thanks
Okay NEVERMIND :)
Its working now rofl
cool , i tried it , but finally i added ADD TO ANY plugin as it loads fast
.-= Ajinkya´s last blog ..Check Google Pagerank =-.
Mr Nayeem, I can not find this code in my blogger html page?
.-= Ashik´s last blog ..Knee Replacement Surgery Treatment =-.
I am sorry this code
Really nice tweak, Not only I installed it on my site but also told my friend who is running site on blogger…..
this only seems to work with a blog hosted by blogger.
Any way to make it work with a blog not hosted by them?
such as this one? http://www.radiantsquares.com/blog
just upload the images to your own server then it will work.
Thanks Dude !! I have installed this in ma blog works good !!
.-= Anand Subramanian´s last blog ..Girls wallpapers War collection =-.
hai naeem, i find your posts very interesting and is trying to follow your instrution. however, i cannot find the code in my css :D
i don’t know wheter the problem lies in my template or anything. but it would be very nice if you could help me :)
i am curretntly using the “Aku Bontoo” theme btw..
thx
this is the fifth tutorial I tried. I am glad it works. Thanks dude.
.-= marvin´s last blog ..Convert Pineapple Peels to Wine or Vinegar =-.
Hi, I believe is a great tool and have copied all the html code in my blogger template on http://hallmarktravels.blogspot.com…but nothing dispayed!
Should I have an html code to add as widget on layout mode, like it was for AddThis?
Thanks for your help, Augusto
it is working, i just checked it.
This is great! Thank you!
Thanks for sharing, it works perfectly for me.
Very fast and simple installation.
Thanks for this post. I have added this feature on my blog http://rohanrawat.blogspot.com .. So far its working ok.
I want to add previous and next option below the post. I want to display only one post at a time. Even when a label item is selected or a month is selected from archieve, i want to display only one post with previous and next option to browse rest of the posts..How can i do that…Please share the code for doing this..
Thanks for the sexy sharing code..
God Bless..
Rohan
.-= Rohan´s last blog ..Cadbury Dairy Milk Silk ‘Conference’ Ad !!! =-.
Naeem, I’ve installed this and is awsome I love it, but whenever I try to use the twitter button it is said that the page can’t be redirected, is there any chance to change it for twitmeme? or similar because twitthis seems not to be working.
Thanks! (I hope my English is clear enough)
.-= Pabela´s last blog ..La carretera- The Road- John Hillcoat-2009 =-.
thnkuuuuuuuuuuuuuuuuuuuuuu…………………………..u can see my blog athttp://jalsa-ghar.blogspot.com/.. it’s really coooooooool and sexy…..
.-= Jeet´s last blog ..Mohonar Dike (1984) Bengali Movie Songs =-.
Thanks I tried both versions and got this:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The content of elements must consist of well-formed character data or markup.
I placed them in the right spots too so I don’t know why.
Ok I got it to showup but its positioned itself into my left sidebar I have no idea how to fix this please help D:
YESSS ! Thank you so much for this great info, added it to my blog and it looks great! http://simplicityadmins.blogspot.com/
Sarah
http://twitter.com/sarahsantacroce
I would rather have The “Sharing Is Caring” how do I do that?
thank’s to Naeem Noor I like your post, that it’s search for my blog –> http://zaiza-farell.blogspot.com/ it’s very nice. I’m new bloger need study for more……
please permission for posted your blog.
thanks
zaiza_yusuf
Thanks for you share, it’s useful and I have make it ! Wonderful !
Hi! Thanks for posting this. It was so easy to follow!
I do have a question though.. when I posted it on my blog, it posted to the short version of each post on the main page.
But when I click on a particular post, the sexy bookmarks don’t show up at the bottom. Is there a way to have them show up on the bottom of an entire post as well?
Thanks!
Best,
Li
@LaLicenciada