Post Author : Paul Crowe
The Sexy Bookmarks range, so called as the very first gadget had the ‘Sharing Is Sexy’ message is probably the most eye catching Social Sharing Widget available.On Spice Up Your Blog i have covered a few versions and even used the Arrow Messages to create my own unique versions.However in this post i have the complete sexy bookmarks range with the awesome accordion auto hide and all 8 arrow messages.
With the accordion effect one row of icons are visible and on hover the page drops to display 48 more sharing options, that’s 56 in total.The icons themselves are sprites with a pop up effect, all making for a totally animated look using jQuery.Best of all by changing just one line in the code you can use any of the 8 messages.The message and icons are all transparent so work on any background color.We will be adding the sexy bookmarks gadget directly below all the posts on your blog.
Along with the steps I have a complete video tutorial walking you through the steps as I add the sharing buttons to a test blog.
Updated : 03/03/2014.
I have 2 demos showing the sexy bookmarks in action, one on a light background and one on a dark background.The demo has all 8 gadgets make sure to hover over the icons to see the drop down for the other icons.
Demo 1 – Light Background Sexy Bookmarks Demo
Demo 2 – Dark Background Sexy Bookmarks Demo
Very Cool Eh ! This version is the most complete i have seen for Blogger and thanks go to Harish from Way2Blogging.Harish also works with me on projects in the Hire Us section of Spice Up Your Blog.
Arrow Messages – The arrow messages available are Sharing Is Sexy, Sharing Is Caring, Sharing Is Caring With Hearts, Share The Love, Share The Wealth, Share And Enjoy, Share The Knowledge and even an arrow message in German !
Sharing Buttons – The Bookmarking Icons In The Gadget are for : Twitter, Facebook, Linkedin, Stumble Upon, Delicious, Digg, Google Buzz, Blogger, Yahoo Mail, Gmail, Google Bookmarks, Google Reader, Rss, Orkut, Design Bump, Reddit, Design Float, Friend Feed, Dzone, Web Blend, Propeller, Tumblr, Squidoo, Posterous, Technorati, Bebo, Hotmail, Blinklist, Blog Engage, Blog Marks, Box.Net, Current, Diigo, Ekudos, Evernote, Hacker News, Hives, Identica, Jumptags, Email, Meneame, Mister Wong, My Link Vault, Myspace, Netvibes, Netvouz, Newsvine, Ning, Ping FM, Plaxo, Plurk, Print Friendly, Slashdot, Sphinn, Techmeme and Tipd.
OK lets add it to your blog.
Add The V3 Complete Sexy Bookmarks Gadget To Your Blog
Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed as shown in the video Below :
Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code – More Info)
</head>
Step 3. Copy and Paste the following code directly Above / Before </head>
Note – If you previously added jQuery to your blog you can remove the line in yellow.
<link href=’http://widgets.way2blogging.org/blogger-widgets/w2b-autohide-social-bookmarking.css’
rel=’stylesheet’ type=’text/css’ />
<script type=”text/javascript”>
jQuery(document).ready(function() {
jQuery(‘.sexy-bookmarks a.external’).attr(“target”, “_blank”);
var sexyBaseHeight = jQuery(‘.sexy-bookmarks’).height();
var sexyFullHeight = jQuery(‘.sexy-bookmarks ul.socials’).height();
if (sexyFullHeight > sexyBaseHeight) {
jQuery(‘.sexy-bookmarks-expand’).hover(
function() {
jQuery(this).animate({
height: sexyFullHeight + 15 + ‘px’
}, {
duration: 800,
queue: false
});
}, function() {
jQuery(this).animate({
height: sexyBaseHeight + ‘px’
}, {
duration: 800,
queue: false
});
});
}
if (jQuery(‘.sexy-bookmarks-center’)) {
var sexyFullWidth = jQuery(‘.sexy-bookmarks’).width();
var sexyBookmarkWidth = jQuery(‘.sexy-bookmarks:first ul.socials li’).width();
var sexyBookmarkCount = jQuery(‘.sexy-bookmarks:first ul.socials li’).length;
var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
var sexyLeftMargin = (sexyFullWidth – sexyRowWidth) / 2;
jQuery(‘.sexy-bookmarks-center’).css(‘margin-left’, sexyLeftMargin + ‘px’);
}
});
</script>
Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code – More Info)
<div class=’post-footer’>
– If you cant find this use <data:post.body/>
instead.
Step 5. Copy and Paste the following code Directly Below / Under <div class=’post-footer’>
<!–start bookmarks sexy–>
<div id=’post-width-w2b’ style=’width:550px;’>
<div class=’sexy-bookmarks-bg-sexy sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center ‘>
<ul class=’socials’>
<li class=’sexy-twitter’>
<a class=’external’ expr:href='”http://twitter.com/home?status=” + data:post.title + ” — ” + data:post.url ‘ rel=’nofollow’ title=’Tweet This!’/>
</li>
<li class=’sexy-facebook’>
<a class=’external’ expr:href='”http://www.facebook.com/share.php?v=4&src=bm&u=” + data:post.url + “&t=” + data:post.title ‘ onclick=’window.open(this.href,’sharer’,’toolbar=0,status=0,width=626,height=436′); return false;’ rel=’nofollow’ title=’Share this on Facebook’/>
</li>
<li class=’sexy-linkedin’>
<a class=’external’ expr:href='”http://www.linkedin.com/shareArticle?mini=true&url=” + data:post.url + “&title=” + data:post.title + “&summary=&source=”‘ rel=’nofollow’ title=’Share this on LinkedIn’/>
</li>
<li class=’sexy-stumbleupon’>
<a class=’external’ expr:href='”http://www.stumbleupon.com/submit?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Stumble upon something good? Share it on StumbleUpon’/>
</li>
<li class=’sexy-delicious’>
<a class=’external’ expr:href='”http://delicious.com/post?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Share this on del.icio.us’/>
</li>
<li class=’sexy-digg’>
<a class=’external’ expr:href='”http://digg.com/submit?phase=2&url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Digg this!’/>
</li>
<li class=’sexy-googlebuzz’>
<a class=’external’ expr:href='”http://www.google.com/buzz/post?url=” + data:post.url + “&imageurl=”‘ rel=’nofollow’ title=’Post on Google Buzz’/>
</li>
<li class=’sexy-blogger’>
<a class=’external’ expr:href='”http://www.blogger.com/blog_this.pyra?t&u=” + data:post.url + “&n=” + data:post.title + “&pli=1″‘ rel=’nofollow’ title=’Blog this on Blogger’/>
</li>
<li class=’sexy-yahoomail’>
<a class=’external’ expr:href='”http://compose.mail.yahoo.com/?Subject= ” + data:post.title + “&body=Link:”+ data:post.url’ rel=’nofollow’ title=’Email this via Yahoo! Mail’/>
</li>
<li class=’sexy-gmail’>
<a class=’external’ expr:href='”https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&su=” + data:post.title + “&body=Link:” + data:post.url’ rel=’nofollow’ title=’Email this via Gmail’/>
</li>
<li class=’sexy-googlebookmarks’>
<a class=’external’ expr:href='”http://www.google.com/bookmarks/mark?op=add&bkmk=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Add this to Google Bookmarks’/>
</li>
<li class=’sexy-googlereader’>
<a class=’external’ expr:href='”http://www.google.com/reader/link?url=” + data:post.url + “&title=” + data:post.title + “&srcUrl=” + data:post.url + “&srcTitle=” + data:post.title + “&snippet=”‘ rel=’nofollow’ title=’Add this to Google Reader’/>
</li>
<li class=’sexy-comfeed’>
<a class=’external’ expr:href=’data:blog.homepageUrl + “feeds/” + data:post.id + “/comments/default?alt=rss”‘ rel=’nofollow’ title=’Subscribe to the comments for this post?’/>
</li>
<li class=’sexy-orkut’>
<a class=’external’ expr:href='”http://promote.orkut.com/preview?nt=orkut.com&tt=” + data:post.title + “&du=” + data:post.url + “&cn=”‘ rel=’nofollow’ title=’Promote this on Orkut’/>
</li>
<li class=’sexy-designbump’>
<a class=’external’ expr:href='”http://designbump.com/submit?url=” + data:post.url + “&title=” + data:post.title + “&body=”‘ rel=’nofollow’ title=’Bump this on DesignBump’/>
</li>
<li class=’sexy-reddit’>
<a class=’external’ expr:href='”http://reddit.com/submit?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Share this on Reddit’/>
</li>
<li class=’sexy-designfloat’>
<a class=’external’ expr:href='”http://www.designfloat.com/submit.php?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Submit this to DesignFloat’/>
</li>
<li class=’sexy-friendfeed’>
<a class=’external’ expr:href='”http://www.friendfeed.com/share?title=” + data:post.title + “&link=” + data:post.url ‘ rel=’nofollow’ title=’Share this on FriendFeed’/>
</li>
<li class=’sexy-dzone’>
<a class=’external’ expr:href='”http://www.dzone.com/links/add.html?url=” + data:post.url + “&title=” + data:post.title + “&description=”‘ rel=’nofollow’ title=’Add this to DZone’/>
</li>
<li class=’sexy-webblend’>
<a class=’external’ expr:href='”http://thewebblend.com/submit?url=” + data:post.url + “&title=” + data:post.title + “&body=”‘ rel=’nofollow’ title=’Blend this!’/>
</li>
<li class=’sexy-propeller’>
<a class=’external’ expr:href='”http://www.propeller.com/submit/?url=” + data:post.url ‘ rel=’nofollow’ title=’Submit this story to Propeller’/>
</li>
<li class=’sexy-tumblr’>
<a class=’external’ expr:href='”http://www.tumblr.com/share?v=3&u=” + data:post.url + “&t=” + data:post.title ‘ rel=’nofollow’ title=’Share this on Tumblr’/>
</li>
<li class=’sexy-squidoo’>
<a class=’external’ expr:href='”http://www.squidoo.com/lensmaster/bookmark?” + data:post.url ‘ rel=’nofollow’ title=’Add to a lense on Squidoo’/>
</li>
<li class=’sexy-posterous’>
<a class=’external’ expr:href='”http://posterous.com/share?linkto=” + data:post.url + “&title=” + data:post.title + “&selection=”‘ rel=’nofollow’ title=’Post this to Posterous’/>
</li>
<li class=’sexy-technorati’>
<a class=’external’ expr:href='”http://technorati.com/faves?add=” + data:post.url ‘ rel=’nofollow’ title=’Share this on Technorati’/>
</li>
<li class=’sexy-hotmail’>
<a class=’external’ expr:href='”http://mail.live.com/?rru=compose?subject=” + data:post.title + “&body=Link: ” + data:post.url ‘ rel=’nofollow’ title=’Email this via Hotmail’/>
</li>
<li class=’sexy-bebo’>
<a class=’external’ expr:href='”http://www.bebo.com/c/share?Url=” + data:post.url + “&Title=” + data:post.title ‘ rel=’nofollow’ title=’Share this on Bebo’/>
</li>
<li class=’sexy-blinklist’>
<a class=’external’ expr:href='”http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=” + data:post.url + “&Title=” + data:post.title ‘ rel=’nofollow’ title=’Share this on Blinklist’/>
</li>
<li class=’sexy-blogengage’>
<a class=’external’ expr:href='”http://www.blogengage.com/submit.php?url=” + data:post.url ‘ rel=’nofollow’ title=’Engage with this article!’/>
</li>
<li class=’sexy-blogmarks’>
<a class=’external’ expr:href='”http://blogmarks.net/my/new.php?mini=1&simple=1&url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Mark this on BlogMarks’/>
</li>
<li class=’sexy-boxnet’>
<a class=’external’ expr:href='”https://www.box.net/api/1.0/import?url=” + data:post.url + “&name=” + data:post.title + “&description=&import_as=link”‘ rel=’nofollow’ title=’Add this link to Box.net’/>
</li>
<li class=’sexy-current’>
<a class=’external’ expr:href='”http://current.com/clipper.htm?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Post this to Current’/>
</li>
<li class=’sexy-diigo’>
<a class=’external’ expr:href='”http://www.diigo.com/post?url=” + data:post.url + “&title=” + data:post.title + “&desc=”‘ rel=’nofollow’ title=’Post this on Diigo’/>
</li>
<li class=’sexy-ekudos’>
<a class=’external’ expr:href='”http://www.ekudos.nl/artikel/nieuw?url=” + data:post.url + “&title=” + data:post.title + “&desc=”‘ rel=’nofollow’ title=’Submit this to eKudos’/>
</li>
<li class=’sexy-evernote’>
<a class=’external’ expr:href='”http://www.evernote.com/clip.action?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Clip this to Evernote’/>
</li>
<li class=’sexy-hackernews’>
<a class=’external’ expr:href='”http://news.ycombinator.com/submitlink?u=” + data:post.url + “&t=” + data:post.title ‘ rel=’nofollow’ title=’Submit this to Hacker News’/>
</li>
<li class=’sexy-hyves’>
<a class=’external’ expr:href='”http://www.hyves.nl/profilemanage/add/tips/?name=” + data:post.title + “&text=Text about this site+-+” + data:post.url + “&rating=5″‘ rel=’nofollow’ title=’Share this on Hyves’/>
</li>
<li class=’sexy-identica’>
<a class=’external’ expr:href='”http://identi.ca//index.php?action=newnotice&status_textarea=Reading:” + data:post.title + “+-+from+” + data:post.url ‘ rel=’nofollow’ title=’Post this to Identica’/>
</li>
<li class=’sexy-jumptags’>
<a class=’external’ expr:href='”http://www.jumptags.com/add/?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Submit this link to JumpTags’/>
</li>
<li class=’sexy-mail’>
<a class=’external’ expr:href='”mailto:?subject=%22″ + data:post.title + “%22&body=Link: ” + data:post.url + ” (sent via Way2blogging) “‘ rel=’nofollow’ title=’Email this to a friend?’/>
</li>
<li class=’sexy-meneame’>
<a class=’external’ expr:href='”http://meneame.net/submit.php?url=” + data:post.url ‘ rel=’nofollow’ title=’Submit this to Meneame’/>
</li>
<li class=’sexy-misterwong’>
<a class=’external’ expr:href='”http://www.mister-wong.com/addurl/?bm_url=” + data:post.url + “&bm_description=” + data:post.title + “&plugin=sexybookmarks”‘ rel=’nofollow’ title=’Add this to Mister Wong’/>
</li>
<li class=’sexy-mylinkvault’>
<a class=’external’ expr:href='”http://www.mylinkvault.com/link-page.php?u=” + data:post.url + “&n=” + data:post.title ‘ rel=’nofollow’ title=’Store this link on MyLinkVault’/>
</li>
<li class=’sexy-myspace’>
<a class=’external’ expr:href='”http://www.myspace.com/Modules/PostTo/Pages/?u=” + data:post.url + “&t=” + data:post.title ‘ rel=’nofollow’ title=’Post this to MySpace’/>
</li>
<li class=’sexy-netvibes’>
<a class=’external’ expr:href='”http://www.netvibes.com/share?title=” + data:post.title + “&url=” + data:post.url ‘ rel=’nofollow’ title=’Submit this to Netvibes’/>
</li>
<li class=’sexy-netvouz’>
<a class=’external’ expr:href='”http://www.netvouz.com/action/submitBookmark?url=” + data:post.url + “&title=” + data:post.title + “&popup=no”‘ rel=’nofollow’ title=’Submit this to Netvouz’/>
</li>
<li class=’sexy-newsvine’>
<a class=’external’ expr:href='”http://www.newsvine.com/_tools/seed&save?u=” + data:post.url + “&h=” + data:post.title ‘ rel=’nofollow’ title=’Seed this on Newsvine’/>
</li>
<li class=’sexy-ning’>
<a class=’external’ expr:href='”http://bookmarks.ning.com/addItem.php?url=” + data:post.url + “&T=” + data:post.title ‘ rel=’nofollow’ title=’Add this to Ning’/>
</li>
<li class=’sexy-pingfm’>
<a class=’external’ expr:href='”http://ping.fm/ref/?link=” + data:post.url + “&title=” + data:post.title + “&body=”‘ rel=’nofollow’ title=’Ping this on Ping.fm’/>
</li>
<li class=’sexy-plaxo’>
<a class=’external’ expr:href='”http://www.plaxo.com/?share_link=” + data:post.url ‘ rel=’nofollow’ title=’Share this on Plaxo’/>
</li>
<li class=’sexy-plurk’>
<a class=’external’ expr:href='”http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+” + data:post.url + “&qualifier=shares”‘ rel=’nofollow’ title=’Share this on Plurk’/>
</li>
<li class=’sexy-printfriendly’>
<a class=’external’ expr:href='”http://www.printfriendly.com/print?url=” + data:post.url ‘ rel=’nofollow’ title=’Send this page to Print Friendly’/>
</li>
<li class=’sexy-slashdot’>
<a class=’external’ expr:href='”http://slashdot.org/bookmark.pl?url=” + data:post.url + “&title=” + data:post.title ‘ rel=’nofollow’ title=’Submit this to SlashDot’/>
</li>
<li class=’sexy-sphinn’>
<a class=’external’ expr:href='”http://sphinn.com/index.php?c=post&m=submit&link=” + data:post.url ‘ rel=’nofollow’ title=’Sphinn this on Sphinn’/>
</li>
<li class=’sexy-techmeme’>
<a class=’external’ expr:href='”http://twitter.com/home/?status=Tip+@Techmeme+” + data:post.url + “–” + data:post.title + “&source=Way2blogging”‘ rel=’nofollow’ title=’Tip this to TechMeme’/>
</li>
<li class=’sexy-tipd’>
<a class=’external’ expr:href='”http://tipd.com/submit.php?url=” + data:post.url ‘ rel=’nofollow’ title=’Share this on Tipd’/>
</li>
<li class=’sexy-way2blogging’>
<a class=’external’ href=’http://way2blogging.blogspot.com’ rel=’follow’ title=’Grab this Widget’/>
</li>
<li class=’sexy-way2blogging’>
<a class=’external’ href=’http://www.spiceupyourblog.com’ rel=’follow’ title=’Social Bookmarking Gadgets’/>
</li>
</ul>
<div class=’sexy-link’>
Widget for blogger by <a href=’http://way2blogging.blogspot.com/2010/12/add-sexy-auto-hide-social-bookmarking.html’ rel=’follow’ title=’Grab this Widget’>Way2Blogging</a> | Via <a href=’http://www.spiceupyourblog.com/2011/05/awesome-complete-animated-sexy-social.html’ rel=’follow’ title=’Blogger Bookmarking Gadgets’>Spice Up Your Blog Gadgets</a>
</div>
</div>
</div>
<!–end bookmarks–>
The line in red at the top sets the gadget to only be displayed on full posts pages not on the home page.To display the gadget on your home page also remove the line in red and Important if you look the the bottom of the code you will see </b:if> in red, this is the closing tag so remove this also.
The width is highlighted in blue at 550px and can be changed to suit your blog.
Change The Arrow Message
To change the arrow message simple change the line highlighted in yellow above with one of the lines below.Currently the message is Sharing Is Sexy.
sexy-bookmarks-bg-sexy
sexy-bookmarks-bg-caring
sexy-bookmarks-bg-caring-old
sexy-bookmarks-bg-love
sexy-bookmarks-bg-wealth
sexy-bookmarks-bg-enjoy
sexy-bookmarks-bg-knowledge
sexy-bookmarks-bg-german
How about a different message every day ?
And that the awesome Sexy Bookmarks with all the options.Once again all thanks go to Way2Blogging make sure to check out Harish’s Blog.Also if you use WordPress check out the original WordPress Plugin by Shareaholic.Here on SUYB we have lots more Social Bookmarking Gadgets including my unique versions of Sexy Bookmarks.
great, easy to follow!
SUYB always give the best trick for us to make our blog looks COOL!
thanks bro…keep it up ur good job…
http://ilovepahang.blogspot.com
ReplyDelete
Why can’t I save my template after I copied the codes? It says:
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 element type “script” must be terminated by the matching end-tag “”.
ReplyDelete
Replies
Since it says you’re missing an end tag, it’s probably because you didn’t realize there is more code to copy than just what you see. Make sure you go back and copy all of it. That should fix it.
Delete
Awesome Share sir. Loved it very much. Used on my “Dark Background” Blog, it looks awesome and I have a featured Slideshow too but it wasn’t affected because of this jQuery widget. I just love SUYB. Thanks once again sir.
ReplyDelete
@ Aemy – You mush have missed part of the code when copying it.Make sure to get all the code in the scroll boxes.
ReplyDelete
I love this! Any way to add a url shortener for Twitter?
Bonus points for automatically adding my Twitter handle! Thanks!
ReplyDelete
I love this! Thanks!
ReplyDelete
baru pertama kali saya menemukan sebuah website yang sangat berguna sekali seperti ini
ReplyDelete
I encountered a problem with twitter button does not share the link and nose if they do not have social bookmarking counter.
But still very good. Thank you very much. Excellent your contributions. Excuse me for my bad English. I speak Spanish.
ReplyDelete
That looks really good for blogger. Is this website running on the blogger platform?
ReplyDelete
I have the problem with adding code before /head because I used auto read more. when I add your code before /head your code and Auto Readmore code is mix together. Could you help me solve this problem?
ReplyDelete
@ Enco – It’s not a problem, just add the code below the code fot the read more.
ReplyDelete
My custom template does not have < div class=’post-footer’ > or < data:post.body/ > in it. What I do have is a < div id=’footer-wrapper’ > and when the second code is placed below it I get the pretty sharing is sexy graphic and then a long list of the following error – “TEMPLATE ERROR: Invalid data reference post.title: No dictionary named: ‘post’ in: [‘blog’] TEMPLATE”
Any suggestions on how to fix this?
ReplyDelete
@ Deena – Every Blogger template has the <data:post.body> code.Did you tick the expand widget templates box before looking ?
ReplyDelete
I love this, but it appears that the Twitter button doesn’t work? All it does is open Twitter. ANy clue what I might have done wrong?
ReplyDelete
this is cool! thanks for sharing.. π
ReplyDelete
I like sharing is caring, but I don’t like sharing is sexy…..
just kidding,,,,
ReplyDelete
very nice ^^
ReplyDelete
This is an awesome tutorial ! Thanks a lot ! However, do you know how to center the toolbar and how to remove the Arrow Message ? Thanks in advance !
ReplyDelete
I have redone this til my hands are numb π I made sure everything was copied right. twice. this is the msg i get : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Content is not allowed in prolog.
ReplyDelete
@ Kari – Sorry to hear that, the code is correct and if added correctly will work.I know that’s not much good to you right now, did you make sure to get all the code from the scroll box in steps 3 and 5 ? With a scroll box it is easy to miss the last few characters.
ReplyDelete
Yes, I did. Thanks Paul:)
ReplyDelete
Love this! Just a minor issue: I can only see the first line of icons. How can I get blogger to show more than 1 line?
ReplyDelete
@ Pola – Is it not dropping down to reveal the icons ? If the code is added correctly it should be fine, check it all again and make sure it’s right.
ReplyDelete
Awesome tutorial ! Sexy bookmark is fierce ! Just one question : do you know how to remove the arrow mesage ? it doesn’t fit the design of my blog…Thanks in advance ! : )
ReplyDelete
Hi,is there any way to change the icons? Id really like to use this but the with the hearts. Helpppp π
ReplyDelete
wow..thanks for this! really helpful and easy to follow.
ReplyDelete
This is great. Do you have any plans on adding a button to share on Google+?
ReplyDelete
Slight problem – My tags show up all scrunched together on the very right side, even if I choose not to show tags at all. Also, the comment count is scrunched over to the right as well. Could you help me with this?
ReplyDelete
Hi, I loved it but it shows too many options. It expnads to about 5 lines of options with 7-8 in each. How to limit it to 3-4 imp ones like Facebook, Twitter, Blogger.
ReplyDelete
very awesome thanks. It doesnt take up much space to start with and looks really nice but then also gives people so many options to share. I might use this to bookmark my posts on all the social bookmarking sites to get the page rank up as well as hopefully some new readers.
Cheers
Cohen @Techtalktips
http://tech-talk-tips.blogspot.com/
ReplyDelete
Google+ button should definitely be added, please! Or a demo how to add your own services of choice?
ReplyDelete
That is awesome ,thank you
but when i installed a social bookmarks , it caused that my drop down menu bar and the image slider to stop working ,
But when i remove the jQuery line , the menu bar and slider works again , but the social bookmark widget doesnot animate any more .
thank you
ReplyDelete
Hi ^.^ This is so great! I do seem to be having one small problem however.. The Tumblr sharing button does not seem to be working.. I simply get sent to a Tumblr “Page not found” page. Could there be something wrong with the link in the html? I have copied it exactly as it says, and all other links work fine. Hope you can help ^.^
ReplyDelete
it does not work om my blogger blog and I’ dont’t know why
ReplyDelete
Is there a similar tutorial for using this widget in a regular website? I attempted to use the javascript and css but didn’t have any luck other than some blank bullet points and the credit links. Any help or a download link would be much appreciated. Thanks!
ReplyDelete
that’s awsum… i tried and it worked well
ReplyDelete
It worked great, but when I deleted the red code for the home page it covers my signature. How do I move the sexy is caring down?
ReplyDelete
The best sharing widget ever..thanks a tonnes Paul Crowe.. just loved these icons.. superb
ReplyDelete
Amazing, worked first time problem free, added it to my blog, thanks so much!
ReplyDelete
Amazing blog!
Love your tutorial!
ReplyDelete
Awesome script. One thing though, noticed the “title” on hover doesn’t popup in chrome.
ReplyDelete
Hi This is so amazing! I do seem to be having one small problem. The Tumblr sharing button does not seem to be working.. I simply get sent to a Tumblr “Page not found” page. Could there be something wrong with the link in the html? I have copied it exactly as it says, and all other links work fine first time….have i done something wrong or is it tumblr?
ReplyDelete
How can I remove this? Please Help.
ReplyDelete
greaaatttt!!!!!!
i just try it.. ad it works… thanks sir or brother… π
ReplyDelete
Can anybody help that i have added this awesum widget..But it appears above the post.. i want it shows below every post
ReplyDelete
Hey it works thanks! However it doesn’t expand. How can I get it to expand?
ReplyDelete
Replies
Same here. Looks good but not expanding.
How can I make it that the “posted by” and comments are not beside it but at the bottom?
Delete
hello,
Can i erase Icons In The Gadget, like Stumble Upon, Delicious and Digg?
ReplyDelete
I did erase the red line, but it comes with all my posts and not on the home page separately on the side. How can I get it only for my home page on the side?
ReplyDelete
Replies
same here π
How can I just get it at the bottom of my home page??
Delete
Ohhhhhhh…LOVE IT
Great turorial!!!
ReplyDelete
Love this!! Thank you!!!
ReplyDelete
Thank u allot, u just saved my live, LoOooOove it so so much!!
ReplyDelete
I just installed the “share the love” version of the bookmark, and for some reason it doesn’t look like I got all the widgets. I got:
Twitter
Facebook
LinkedIn
StumbledUpon
Del.icio.us
Digg this!
Google Buzz
And Blog this And Blogger
Is that all that should be there? Thanks!
ReplyDelete
thank you that’s great …
ReplyDelete
Awesome! Thanks so much ~ very easy, and looks great on my site! π
ReplyDelete
Thank you for sharing !
ReplyDelete
COOLL STAFF !!
ReplyDelete
This comment has been removed by the author.
ReplyDelete
Paul,
Is there a way to add our twitter handles to this code so that when they tweet from the Share the Knowledge/etc. plugin our handle will appear in the tweet? Thanks!!
ReplyDelete
Great tutorial, thank you so much! Is there any way to get Pinterest on here?
ReplyDelete
I have the code up and running on my blog. It looks great π I do have one question though, how do I remove the original bookmark that blogger provides?
ReplyDelete
Exactly what I was looking for my blog….Better than any other share button but still I want to customize it. Paul, can you tell me how to inlcude the Title of your blog to show with every sharing apart from blogpost name???
ReplyDelete
waw nice info guys.
thank 4 share π i like your blog!!!
ReplyDelete
Awesome Tuttorial and Script Editor…………I have make it,and its look Amazing on my blog now.
I can conect to my social network very easy and fast,share everything to them with that pluggin….Sexy!!!!!
Thanks Alot Mister
ReplyDelete
I also had problems with the Twitter button. This solution is the best I could do:
< li class=’sexy-twitter’ >
< a class=’external’ expr:href='”http://twitter.com/home?status=Reading: ” + data:blog.title + ” – ” + data:post.url ‘ rel=’nofollow’ title=’Tweet This!’/ >
< /li >
Remove the spaces after each < > symbols
ReplyDelete
Can i rearrange these buttons ?
ReplyDelete
Outstanding walk through! I adore these, thanks so much for the post!
ReplyDelete
Interesting post. I have been wondering about this issue,so thanks for posting.
ReplyDelete
Thank you! I have been on several different sites trying this and it never worked. Yours worked on the first try! You’re the best!
ReplyDelete
thanx a lot..it works
ReplyDelete
I couldn’t find this < class=’post-footer’> and in new blogger design
ReplyDelete
Nice job very useful post
ReplyDelete
It’s hard to find educated people in this particular subject, however, you sound like you
know what you’re talking about! Thanks
My weblog; wordpress theme developer
ReplyDelete
Hi! I know this is kind of off topic but I was wondering which blog platform are you
using for this website? I’m getting fed up of WordPress because I’ve had issues with
hackers and I’m looking at alternatives for another platform.
I would be awesome if you could point me in the direction of
a good platform.|
My website :: darmowy program pit 2013
ReplyDelete
No matter what I do, I cannot get this to display. I don’t get any error codes when I add the text but it will not display anywhere. Beyond frustrated.
ReplyDelete