Posted : Tuesday, December 28, 2010 | Post Author : Paul Crowe | 11 comments
Back in November 2010 i published 5 unique Social Bookmarking gadgets using the ‘Sexy Bookmarks’ arrow message and some Very Cool Social Icons.The Bookmarking gadgets were created exclusively for Spice Up Your Blog readers and i have seen them on lots of blogs since.The first of these gadgets was ‘Share The Knowledge‘ and the other four are listed in that post.Today i have another great social bookmarking gadget that i created especially for a Job i was hired to do on Two Great blogs.The two blogs have a Creative Theme so the message ‘Share The Inspiration’ requested by the author and was perfect.
Screenshot :
Live Demo – Click To See Demo : Share The Inspiration Bookmark Gadget.
Add The Share The Inspiration Bookmark Gadget To Blogger
Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed as shown in the video Below :
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)
<div class=’post-footer’>
If you cant find that code look for <data:post.body/>
Step 3. Copy and paste the following code Directly Below / Under <div class=’post-footer’>
<b:if cond=’data:blog.pageType == “item”‘>
<!–Start Share The Inspiration http://www.spiceupyourblog.com–>
<style>
img{border:0;}
#wrapper{width:488px; height:110px; background-image:url(http://4.bp.blogspot.com/_rKG-ziTSNUQ/TRnhUckJbwI/AAAAAAAACkg/MWAoQCNlHqw/s1600/shareinspirationtrans.png); position:relative; background-repeat:no-repeat; background-color:transparent;}
#wrapper ul{position:absolute; width:600px; top:42px; left:7px; 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’ border=’0′ 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’ border=’0′ 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’ border=’0′ 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’ border=’0′ 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’ border=’0′ height=” src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TOU0aM9knhI/AAAAAAAACOA/dgKVV1vdL8s/s1600/delicious_48.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’ border=’0′ 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’ border=’0′ height=” src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TOU0ZvpwxXI/AAAAAAAACN4/opB4ZX4-YXI/s1600/technorati_48.png’ width=”/></a>
</li></ul></div></b:if><a href=’http://www.spiceupyourblog.com’ target=’_blank’><small>Get This Blogger Gadget</small></a><!–End Share The Inspiration http://www.spiceupyourblog.com–>
Step 4. Save your template and you Share The Inspiration Bookmark Gadget will be below all your posts for readers to share your content.Why Not Check out more of our Social Bookmark Gadgets and Social Media Tips.
Post Your Comments, Views And Questions Below.
11 comments:
Paul:
I love this gadget! Implemented it today and it looks great! Thanks
Lisa
ReplyDelete
When I add the code I get the “Share the inspiration” but there are no social buttons attached.
ReplyDelete
Hello there…Thnx for your help…install the gadget to my blog & it looks nice…
ReplyDelete
HEY ME I HAVE ONLY FIND this but there more than one within the code what can I do
ReplyDelete
Beautiful!
ReplyDelete
Paul: I tried this… and all it gave me was a link that says:
“Get Blogger Bookmark Gadget” and when you click on it, you are directed to this site.
I really want this to work… help please!
ReplyDelete
@ Daddy Knows Less – The code is working are you sure you got it all in the right place ?
ReplyDelete
I’ve had the same problem as Daddy Knows Less, double checked and I have it in the right place so I’m not sure why it’s not working for me. My blog is www.blogofoa.com if that helps.
ReplyDelete
Hey thanks for your help it works perfectly
ReplyDelete
i did not get the code even when I searched it using ctrl + f.Plz advice me. My blog-www.nowearnmoney.com
ReplyDelete
ya paul i to have the same problem has “Daddy Knows Less” and “Myron Rumsey”
I tried this… and all it gave me was a link that says:
“Get Blogger Bookmark Gadget” and when you click on it, you are directed to this site.
ReplyDelete