How to add Diggit, Technorati, Del.icio.us, Stumbleupon, Reddit and pInterest buttons to your Blogger posts

Here's how you can add a row of social media sharing buttons all at one go :)

Step 1
Locate the <data:post.body/> code in the HTML template.

Step 2
Copy and paste the code below just after the  <data:post.body/> tag.


<!--Digg-->
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src="https://sites.google.com/site/mydesiowfamily/Home/diggit.png" border="0"/></a>
<!--Technorati-->
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img src="https://sites.google.com/site/mydesiowfamily/Home/technorati.png" border="0"/></a>
<!--Del.icio.us-->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src="https://sites.google.com/site/mydesiowfamily/Home/delicious.png" border="0"/></a>
<!--StumbleUpon-->
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src="https://sites.google.com/site/mydesiowfamily/Home/stumbleupon.png" border="0"/></a>
<!--Reddit-->
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src="https://sites.google.com/site/mydesiowfamily/Home/reddit.png" border="0"/></a>
<!-- pInterest-->
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src="https://sites.google.com/site/mydesiowfamily/Home/pinterest.png" border="0"/></a>

Step 3
You should see a row of social media sharing icons like this :)

Comments

  1. Great post and thank you very much Dora, it works perfectly in my blog and appears in every post though i still have to fine tune it a bit to allign with my existing buttons. I will recommend your post to others!

    ReplyDelete
  2. Perfect! I've been looking for this exactly. Thank you!

    ReplyDelete
  3. Free human edited web directory with categorised listings.
    affordable feature listing available!.

    ReplyDelete
  4. Thanks, great help! But was disturbed to notice that the images are taken from a personal website e.g. https://sites.google.com/site/mydesiowfamily/Home/diggit.png If that website is closed tomorrow, all the buttons will go blank. It would be great if you could modify it to point to the original source.

    ReplyDelete
  5. Its hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about! Thanks.
    website design

    ReplyDelete
  6. this is not working on my blog http://knowrare.blogspot.com
    Please check and suggest me.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to create an organizational chart in your webpage using Google Organization Chart Tools