We 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 == "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>
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='"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>
</li>
<li>
<!-- 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>
</li>
<li>
<!-- 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>
</li>
<li>
<!-- 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>
</li>
<li>
<!-- 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>
</li><li>
<!-- 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>
</li><li>
<!-- 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>
</li><li>
<!-- 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-->
</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 48×48 pixels. Make sure to check out more of our Social Media Posts.
Drop your comments, views and questions below.
