Exclusive Share The Wealth Social Bookmark Gadget For Blogger




| 9 comments

This is the second post in our special 'Unique Sexy Bookmarks' week.All this week we will be posting a social bookmark gadget using a unique set of icons and a arrow message from the Sexy Bookmarks collection.All these Bookmark Gadgets are totally unique and created just for readers of Spice Up Your Blog.This is in connection with the launch of Social Icon Studio, a new gallery of the best free sets of social icons.Yesterday we published the Share The Knowledge Social Bookmark gadget and throughout the week we still have to add the following sets all with different icons and arrow message.

- 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

The icons used in this gadget are the very cool hand drawn Handy Icons From Social Icon Studio.


Live Demo - Click To See The Demo : Share The Wealth Bookmark Gadget.

Add The Share The Wealth Social 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 Make Sure To Get All The Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Share The Wealth Bookmark http://www.spiceupyourblog.com-->
</a><style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKbzxgS1NI/AAAAAAAACKg/E5DjOXFiakI/s1600/share+the+wealth+bookmarks.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>

<!-- 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='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcudp-EI/AAAAAAAACKc/41q5ZoNu7ic/s1600/stumbleupon_48x48.png' width='48'/></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='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWbmpwzfI/AAAAAAAACKQ/0iJ82jV-4T4/s1600/delicious_48x48.png' width='48'/></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='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcfsV-vI/AAAAAAAACKY/l2TIWYhaYJQ/s1600/reddit_48x48.png' width='48'/></a>
</li><li>
<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Fave On Technorati' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWbII-uzI/AAAAAAAACKI/xdw5GzUBdmQ/s1600/technorati_48x48.png' width='48'/></a>
</li><li>
<!-- Yahoo Buzz -->

<a expr:href='&quot;http://buzz.yahoo.com/buzz?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Buzz This Post' height='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKWGoNDXAI/AAAAAAAACJ8/LZTTZeGT-xM/s1600/yahoo_64.png' width='48'/></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='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOKWHlEJsLI/AAAAAAAACKE/sdq6QUO-GSg/s1600/twitter_64.png' width='48'/></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'><imgsrc='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcK20C_I/AAAAAAAACKU/U7nw6vlf2vg/s1600/digg_48x48.png' width='48'/></a>
</li><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='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOKWHPVl7SI/AAAAAAAACKA/vgOfAHch2tE/s1600/facebook_64.png' width='48'/></a>
</li></ul></div><a href='http://www.spiceupyourblog.com' target='_blank'><font color='#ccc' size='small'>Blogger Design</font></a><br/>
<!--End Share The Wealth 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. Save Your Template and Your cool Share The Wealth Bookmark Gadget Is On Your Blog Check It Out.

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

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.

9 comments:

  1. I just like use a simple button to Share :D

    ReplyDelete
  2. Well thats just not good enough ! Spice it up Ka Damar ...

    ReplyDelete
  3. Every time I try to put this into my template, I get the following error: XML error message: Element type "imgsrc" must be followed by either attribute specifications, ">" or "/>". The only change I've made to the template is adding your code. I tried looking for the imgsrc codes in your code, but I didn't see anything missing. Help!

    ReplyDelete
  4. @ Jenny - All the images are closed properly are you sure you got all the copied all the code you could have missed some from the scroll box ?

    ReplyDelete
    Replies
    1. Dear Paul,
      There is a slight error in the code given by you for this widget.
      If you see the code section of the Digg Button, the error is in the img src tag

      After correction it should be:

      <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='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOKWcK20C_I/AAAAAAAACKU/U7nw6vlf2vg/s1600/digg_48x48.png' width='48'/></a>

      Thanking you for the excellent sharing widget.

      Delete
  5. I followed the instructions, but received the following message:

    "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 "div" must be terminated by the matching end-tag."

    ReplyDelete
  6. i'm too getting the same error as everyone else. can you fix that??????

    ReplyDelete
  7. I followed the directions perfectly, but when I tried to preview it this came up:

    "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 "b:if" must be terminated by the matching end-tag "".
    Error 500"

    I would really like this for my blog, what can I do?

    ReplyDelete
  8. i cant wait to try it in my blog, but can i change the image sosial bookmarking?

    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