Exclusive Share The Love Social Bookmark Gadget For Blogger

sexy bookmarks blogger gadgetWe are into day four of our special Sexy Bookmarks week on Spice Up Your Blog.All this week we are publishing an Exclusive Social Bookmarking gadget using a unique set of social icons and an Arrow message from the Sexy Bookmarks Collection.All this weeks Bookmarks gadgets have been created by us and are exclusive to Spice Up Your Blog readers.This is in connection with the recent launch of Social Icon Studio a gallery of the best free social icons.Today we are using the Share The Love Arrow Message and the very Professional Lontar Social Icons.The gadget will be placed below all the posts on your blog and will grab the attention of your readers to get them sharing your Blog.So lets remind you of the Sexy Bookmarks we have published this week and see the live demo for this Share The Love Bookmark Gadget..

Sharing Is Caring Social Bookmarks
Share The Love Social Bookmarks
Sharing Is Sexy Social Bookmarks
Share The Wealth Social Bookmarks
Share The Knowledge Social Bookmarks

The Original :
WordPress Style Share The Love Bookmarks

Live Demo – Click To See The Demo : Share The Love Bookmark Gadget


Add The Share The Love Bookmark Gadget To Your Blog


Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.

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)


Step 3. Copy And Paste The Following Code Directly Below / Under <data:post.body/>

Scroll Box – Be Sure To Get All The Code.

<b:if cond=’data:blog.pageType == “item”‘>

<!–Start Sharing Is Sexy Bookmark http://www.spiceupyourblog.com–>
<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><style>
#wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOUsav_DrAI/AAAAAAAACM8/JWmxuNWravI/s1600/new+share+the+love+blogger+gadget.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}
#wrapper li{float:left;}

<div id=’wrapper’>
<!– Facebook –>

<a expr:href='”http://www.facebook.com/share.php?u=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Share On Facebook’ height=” src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0X7tfh3I/AAAAAAAACNs/aEM8IfPXpC8/s1600/facebook_48.png’ width=”/></a>
<!– Digg –>

<a expr:href='”http://digg.com/submit?url=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Digg This Post’ height=” src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0bKGfM_I/AAAAAAAACOI/eD6RwrNBong/s1600/digg_48.png’ width=”/></a>

<!– Stumbleupon –>

<a expr:href='”http://www.stumbleupon.com/submit?url=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Stumble This Post’ height=” src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZG2fyCI/AAAAAAAACN0/Ifbvr6oJYOE/s1600/stumbleupon_48.png’ width=”/></a>

<!– Twitthis –>

<a expr:href='”http://twitthis.com/twit?url=” + data:post.url’ rel=’nofollow’ target=’_blank’><img alt=’Tweet This Post’ height=” src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Z0BGgmI/AAAAAAAACN8/IBT2GfEcaLw/s1600/twitter_48.png’ width=”/></a>

<!– Delicious –>

<a expr:href='”http://del.icio.us/post?url=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Save Tis Post To Delicious’ height=” src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aM9knhI/AAAAAAAACOA/dgKVV1vdL8s/s1600/delicious_48.png’ width=”/></a>

<!– Design Float –>

<a expr:href='”http://www.designfloat.com/submit.php?url=”+ data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Float This Post’ height=” src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aoSmaOI/AAAAAAAACOE/e5Scya0TuYk/s1600/design_float.png’ width=”/></a>
<!– Reddit –>

<a expr:href='”http://www.reddit.com/submit?url=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Share On Reddit’ height=” src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOU0Y-gGblI/AAAAAAAACNw/d7qTgIqkonk/s1600/reddit.png’ width=”/></a>
<!– Technorati –>

<a expr:href='”http://technorati.com/faves?add=” + data:post.url’ rel=’nofollow’ target=’_blank’><img alt=’Bookmark On Technorati’ height=” src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZvpwxXI/AAAAAAAACN4/opB4ZX4-YXI/s1600/technorati_48.png’ width=”/></a>
</li></ul></div><a href=’http://www.spiceupyourblog.com’ target=’_blank’><font color=’#ccc’ size=’small’>Blog Bookmark Gadgets</font></a><br/>
<!–End Sharing Is Sexy Bookmark http://www.spiceupyourblog.com–>


Note. The code highlighted at the top and bottom in red sets the gadget to only be displayed on post pages, if you also want the gadget displayed on the home page remove that code.

Step 4. With the code in place save your template and check out your Shae The Love Bookmark gadget.

Check out SocialIconStudio.Com if you want to use different icons, you should use icons that are 48×48 pixels.Make sure to check out more of our Social Media Posts.



  1. i loved your gadget …but something went wrong… you gadget isnt space sensitive… my blog post doesnt have enough space to accomodate the whole width of your gadget 🙁 ill hve to remove it…


  2. Hi HB, You can remove one or two of the buttons to make it fit.Each button has the name above it like this : <–Digg–> so remove from that point to the start of the next button.



  3. Thank you so much for sharing this social bookmark gadget… I just put it on my own blog, even though I spend some time in debugging but it fits just right… thanks…


  4. Chick of All TradesMarch 2, 2011 at 3:45 PM

    Hi Paul, love this gadget, but it is not showing the icons…just the text. Any suggestions? Thanks!


  5. @ Chick OAT – I can see no reasons for the icons not to display.Like a computer technician i will say turn it off and on again or in this case remove the code and try again..


  6. Hi Paul,

    I don’t understand where the grey border around the icons come from AND the grey square after my post (when you click on the grey square you go to spiceupyourblog.com Look at my blog: http://favorietjes-favorieten.blogspot.com then you know what I mean. I don’t like the grey border and grey square. Is there a way to move it?

    Sorry for my poor english, but i’m from the Netherlands.


  7. Hi Paul,

    I figured it out for myself. The grey border has nothing to do with the code of “Share the knowledge”. A colour in my downloaded template was wrong! The color was #cccccc and now #ffffff and the grey borders are gone.

    Thanks for this great Bookmark gadgets and: KEEP UP THE GOOD WORK!


  8. Chick of All TradesApril 23, 2011 at 2:20 AM

    Hey, Paul, I reinstalled it and it worked! However, there is a very weird little square above it and to the left. I cannot get rid of it. Can you tell me what that might be? It is not there when the widget is not there…




  9. Puan Saira AzuraJune 1, 2011 at 5:22 AM

    can’t make it on my blog..appear like this : More than one widget was found with id: HTML5. Widget IDs should be unique.
    Error 500..plz help me


  10. Hi on the share the love it no longer shares to twitter, it tells it has gone but doesn’t any more. Any advice why?


  11. wonderful gadget dude………thanku