How To Add The New Share The Love Social Bookmark Buttons To Your Blog




| | 10 comments

In this post i bring you another great set of social bookmarking buttons for your blog.I have combined two sets of buttons you may have seen on other blogs to make a vertical style 'Share The Love' set.Social Bookmarking can have a huge effect on your blog and the amount of visitors you get for more info on this Advantages Of Social Bookmarking Click Here

Heres how the buttons will look :


Adding the buttons to your blog , here's how its done :


Step 1.Click 'Layout' then 'Edit html' for your blog
(Tick the 'Expand Widget Templates' box)



Blogger layout


edit html blogger


Expand widget templates blogger


Cellphones at LightInTheBox.com

Step 2.Find the following code in your blogs html :
(Click 'CTRL + F' for a search bar to find the code)

<data:post.body/>

Step 3.Now copy the code below and paste it Directly Below <p><data:post.body/></p>



<a href="http://www.spiceupyourblog.com" target="_blank"><img alt='Share This Post' border='0' src='http://i941.photobucket.com/albums/ad259/spiceupyourblog/sharethelove.jpg'/></a>
<br/>
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMldgnvuI/AAAAAAAAAv4/FhIAkFW-ZTw/facebook.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmM69WzUkI/AAAAAAAAAww/6b8npnF677I/twitter.png'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmM0Ze235I/AAAAAAAAAwg/jMLPYyDdCSs/stumble.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMf-cBJuI/AAAAAAAAAvo/WFFPRRl9dcg/delicious.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmMxLWOeMI/AAAAAAAAAwY/ca4HSlHFtZ0/reddit.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMitkOefI/AAAAAAAAAvw/mQdgqyJVhvY/digg.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMrmsi0LI/AAAAAAAAAwI/XMLDq5_baKE/icon_sb_sim22.gif' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmM30PqK4I/AAAAAAAAAwo/R1FhGrjnPas/technorati.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmMuTMm4BI/AAAAAAAAAwQ/_gbDQBFQtN4/images2.jpg' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmMoqVfTiI/AAAAAAAAAwA/Yfpcn-FPGaU/feed.png' width='16'/></td>
<td height='24'><a href='http://feeds2.feedburner.com/blogspot/WyNa' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table><br/>


Before we finish : If you need more help or have an opinion or suggestion Please leave a comment Below.
To help you this is a Do-Follow Blog leaving a comment will also help your blogs Google rank.
OK Back to business ....

Once you have add the code click save template and the buttons will appear below all your posts.

If you don't understand any of the steps you can comment for help or Click Here for a list of tutorials on the basics.


How do they look on your blog?


If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email

10 comments:

  1. Im not able to find the line data post body on my template.Then what can i do.

    ReplyDelete
  2. Hi Vijay,

    Most new templates dont use the paragraph <p> and </p> tags.In fact i have been meaning to remove them from all the posts in the archive, i have removed them in this post so go through the steps again and you should have no problems.

    Thanks for the comment, it helped me update another post.If you need more help just ask.

    Paul.

    ReplyDelete
  3. Hello,
    It is a very nice social media bloc.
    I want to implement ik in a wordpress blog. Is there a plugin for wordpress?
    Thanks,
    Thea Haak
    info@dc-webdesign.nl

    ReplyDelete
  4. Hello,
    (again because a forgot the email)
    Is there a wordpress plugin for this beautifull bloc?
    Thea Haak

    ReplyDelete
  5. @Thea - You can find the Wordpress Share The Love Bookmark Gadget Here : Sexy Bookmarks For Wordpress.

    Paul.

    ReplyDelete
  6. i want only 'share the love'.
    what do i do?

    ReplyDelete
  7. @ Insomniac - I dont really understand the question can you explain more ?

    Paul.

    ReplyDelete
  8. Just share the comment love. It's so needful for websites these days, to see that there is some reaction from the visitors. Thanx for the site..

    ReplyDelete
  9. Hi added this to my blog thought it look fab and then I went to my home page and realise all it is now above my read more button. This is going to make it difficult to readers to see find the read more button.

    ReplyDelete
  10. Love this share button BUT managed to somehow (no idea how) finally get my 'read more' jump link to beneath my post text and not beneath the share buttons (this happened when I first added the share buttons) BUT now I don't want the share buttons on each post on my home page. I only want people to see them when they click read more and go to the full post. How do I change this please?

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us