iBlognet

Home Blogger Google

5 Unique Sharing Is Caring Widget For Bloggers

by Editor

Adding a share widget or buttons is the more important part of any blogger. Whether its sharing the article or getting traffic, it’s more important to add this widget. You can get different share widgets from ShareThis, AddThis, TellAFriend, BoostPost, AddToAny, and OnlyWire which are easy to install in one click.

You might not like those interface provided by these widgets, you might like to add widget like those added in wordpress which are fully customizable. Today in this post I will show you how to add a customized sharing widget in blogger by Paul Crowe. similar to those in wordpress.

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

Type1

<b:if cond=’data:blog.pageType == “item”‘>
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://2.bp.blogspot.com/_rKG-ziTSNUQ/TOFzLGt8lbI/AAAAAAAACJY/wwmlFp9QAGc/s1600/share+the+knowledge+bookmark+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>


<!– 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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZUI3cZI/AAAAAAAACIs/_RB2J8f8KL0/s1600/Social_Stumble.png’ width=’48’/></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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TN_2Yd_oS_I/AAAAAAAACIg/A8hWMRw5uCY/s1600/Social_Delicious.png’ width=’48’/></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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZNj-QjI/AAAAAAAACIo/KNVpxuOc7xQ/s1600/Social_Reddit.png’ width=’48’/></a>
</li><li>
<!– Technorati –>


<a expr:href='”http://technorati.com/faves?add=” + data:post.url’ rel=’nofollow’ target=’_blank’><img alt=’Fave On Technorati’ height=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOFyfnpf73I/AAAAAAAACJQ/ga4qfZj5Xps/s1600/Social_Technorati.png’ width=’48’/></a>
</li><li>
<!– Yahoo Buzz –>


<a expr:href='”http://buzz.yahoo.com/buzz?url=” + data:post.url + “&title=” + data:post.title’ rel=’nofollow’ target=’_blank’><img alt=’Buzz This Post’ height=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TN_2ZqCl10I/AAAAAAAACIw/_zO2ii0f_h8/s1600/Social_Yahoo_Buzz.png’ width=’48’/></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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOFyqD0aa0I/AAAAAAAACJU/htmFv-6FCkI/s1600/Social_Twitter.png’ width=’48’/></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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TN19nLV8ihI/AAAAAAAACHI/-Nh7a36NvyE/s1600/digg+48_48.png’ width=’48’/></a>
</li><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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TN_2Y0zIffI/AAAAAAAACIk/X6Cs6hasj-U/s1600/Social_Facebook.png’ width=’48’/></a>
</li></ul></div><a href=’http://www.spiceupyourblog.com’ target=’_blank’><font color=’#ccc’ size=’small’>Blog Gadgets</font></a><br/>
</b:if>

Type2

<b:if cond=’data:blog.pageType == “item”‘>
<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='”http://www.stumbleupon.com/submit?url=” + data:post.url + “&title=” + 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='”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=’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='”http://www.reddit.com/submit?url=” + data:post.url + “&title=” + 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='”http://technorati.com/faves?add=” + 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='”http://buzz.yahoo.com/buzz?url=” + data:post.url + “&title=” + 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='”http://twitthis.com/twit?url=” + 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='”http://digg.com/submit?url=” + data:post.url + “&title=” + 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='”http://www.facebook.com/share.php?u=” + data:post.url + “&title=” + 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’>Blog Gadgets</font></a><br/>
</b:if>

Type3

<b:if cond=’data:blog.pageType == “item”‘>
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://kwout.com/cutout/b/wb/w9/4×5.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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKQeEk1gI/AAAAAAAACLk/eGPtSpX9oVE/s1600/facebook.png’ width=’48’/></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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOPKPyzrWaI/AAAAAAAACLg/32heNEebjzY/s1600/digg.png’ width=’48’/></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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKTrYbJeI/AAAAAAAACL8/7M6z0uqhBTQ/s1600/stumbleupon.png’ width=’48’/></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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOPKOrWQ0gI/AAAAAAAACLU/563Cs2bQsUI/s1600/twitter.png’ width=’48’/></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=’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='”http://www.designfloat.com/submit.php?url=”+ data:post.url + “&title=” + 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='”http://www.reddit.com/submit?url=” + data:post.url + “&title=” + 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='”http://www.linkedin.com/shareArticle?mini=true&url=”+ data:post.url + “&title=” + 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.spiceupyourblog.com’ target=’_blank’><font color=’#ccc’ size=’small’>Blog Gadgets</font></a><br/>
</b:if>

Type4

<b:if cond=’data:blog.pageType == “item”‘>
<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/>
</b:if>

Type5

<b:if cond=’data:blog.pageType == “item”‘>
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaed31zc8I/AAAAAAAACO8/534zFFe2u_0/s1600/sharing+is+caring+hearts.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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagqwq3OGI/AAAAAAAACPI/bME2dWPpn_0/s1600/facebook.png’ width=’48’/></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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOaieu9vfSI/AAAAAAAACPk/78Ii_ygGBtU/s1600/digg.png’ width=’48’/></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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagKuDqChI/AAAAAAAACPA/lxZJOhJENrA/s1600/stumble.png’ width=’48’/></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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagslBDv6I/AAAAAAAACPY/TaoVTOxzWSo/s1600/twitter.png’ width=’48’/></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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagvrxLHNI/AAAAAAAACPg/Qr5X9G5Frb8/s1600/delicious.png’ width=’48’/></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=’48’ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOagqf-dP2I/AAAAAAAACPE/RscvMGavqlU/s1600/designfloat.png’ width=’48’/></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=’48’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TOagrpbZVII/AAAAAAAACPQ/dngIdFG2arY/s1600/reddit.png’ width=’48’/></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=’48’ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOagsHvPMEI/AAAAAAAACPU/dKQ9SgFZrec/s1600/technorati.png’ width=’48’/></a>
</li></ul></div><a href=’http://www.spiceupyourblog.com’ target=’_blank’><font color=’#ccc’ size=’small’>Blog Gadgets</font></a><br/>
</b:if>

Step 4. Save Your Template And Check Out Your New Sharing Is Caring Bookmark Gadget.

That’s it!!!

Article by »


Admin and Editor of iBlognet iBlognet has written 294 fantastic article(s) on iBlognet.


Author Connect »

1 Yashodhan

Nice widgets bro.. <3
Instead of showing html code just as a text, why don't you try some showcase for them ??

Comments on this entry are closed.

Previous post:

Next post: