Exclusive Share The Love Social Bookmark Gadget For Blogger




| 11 comments

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)

<data:post.body/>

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 == &quot;item&quot;'>
<!--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>
img{border:0;}
#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;}
</style>

<div id='wrapper'>
<ul>
<li>
<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
</li>
<li>
<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
</li>
<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
</li>

<li>
<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + 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>
</li>

<li>
<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + 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>
</li><li>
<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + 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-->
</b:if>

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 48x48 pixels.Make sure to check out more of our Social Media Posts.

Drop your comments, views and questions below.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

11 comments:

  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...

    ReplyDelete
  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.

    Paul.

    ReplyDelete
  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...

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

    ReplyDelete
  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..

    ReplyDelete
  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.

    ReplyDelete
  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!

    ReplyDelete
  8. 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...

    Thanks!

    http://www.achickofalltrades.blogspot.com

    ReplyDelete
  9. 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

    ReplyDelete
  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?

    ReplyDelete
  11. wonderful gadget dude.........thanku

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us