social bookmark

Exclusive Share The Wealth Social Bookmark Gadget For Blogger

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.

36t

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

design (3)
edit html
expand widget templates

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 48×48 pixels. Make sure to check out more of our Social Bookmarking gadgets.

Drop your comments, views and questions below.

What My Robot Recommends:

Exclusive Share The Wealth Social Bookmark Gadget For Blogger
Informative
75
Useful
72
Easy To Read
81
Fact
85
Reader Rating0 Votes
0
78