Exclusive Sharing Is Sexy Social Bookmark Gadget For Blogger

6:32 AM | , , ,

Become a guest author on Create the Blogger.

We are into day three of our 'Unique Sexy Bookmarks Week' and today we have a totally unique Sharing Is Sexy Bookmark Gadget For your blog.All this week we are posting a new social bookmarking gadget for your blog using a different set of icons and a different Arrow Message from the Sexy Bookmarks collection.All the sets are brand new and have been created exclusively for 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 for your blogs.So ! Today's icons are the Awesome Wood Triangle Style Icon Set and the Arrow message is the 'Sharing Is Sexy Message'.Before we add this social bookmarking gadget to your blog lets look at the gadgets we have posted and the two still to be posted.

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


Back to the New Sharing Is Sexy Bookmarks with wood triangle icons, the gadget has share options for Facebook, Digg, Stumble Upon, Twitter, Delicious, Reddit, LinkedIn and Design Float.


Add The New sharing Is Sexy 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):

<data:post.body/>

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


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Start Sharing Is Sexy Bookmark http://www.createtheblogger.blogspot.com-->
<a href='http://www.createtheblogger.blogspot.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://kwout.com/cutout/b/wb/w9/4x5.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='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKQeEk1gI/AAAAAAAACLk/eGPtSpX9oVE/s1600/facebook.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'><img alt='Digg This Post' height='48' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPyzrWaI/AAAAAAAACLg/32heNEebjzY/s1600/digg.png' width='48'/></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='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKTrYbJeI/AAAAAAAACL8/7M6z0uqhBTQ/s1600/stumbleupon.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://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKOrWQ0gI/AAAAAAAACLU/563Cs2bQsUI/s1600/twitter.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://2.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPFpmg-I/AAAAAAAACLY/FYPBIJQs-8Y/s1600/delicious.png' width='48'/></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='48' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPhDYmDI/AAAAAAAACLc/RK1FB0C426s/s1600/designfloat.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://4.bp.blogspot.com/_rKG-ziTSNUQ/TOPKS4X4JPI/AAAAAAAACL0/3RqhWZGu9s8/s1600/reddit.png' width='48'/></a>
</li><li>
<!-- LinkedIn -->

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On LinkedIn' height='48' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKSPbCvuI/AAAAAAAACLs/8iseTpNfO_Y/s1600/linkedin.png' width='48'/></a>
</li></ul></div><a href='http://www.createtheblogger.blogspot.com' target='_blank'><font color='#ccc' size='small'>Blog Gadgets</font></a><br/>
<!--End Sharing Is Sexy Bookmark http://www.createtheblogger.blogspot.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. Once you have the code in place save your template and check out your new Sharing Is Sexy Bookmarks.

Check out SocialIconStudio.Com for a huge gallery of icons, you could change the icons used in this gadget be sure to use 48x48 or 64x64 pixels.Make sure to check out more of our Social Bookmarking gadgets.

Drop your comments below.

1 comment:

Anonymous said... For Bloggers

I really like that. Great tutorial!

To Use A Smiley In Your Comment, Simply Add The Characters Beside Your Choosen Smiley To The Comment:
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)) Grab Smily Gadget

Post a Comment

 
Gadgets By For Bloggers