06 January 2010

add twitter digg reddit orkut facebook stumbleupon button to blogspot

Hi friends

You can Add These buttons by following these steps:
  • Login to your blogger account
  • Go to Layout section and go Edit HTML tab
  • Click on expand widget template template.
  • Find  following code <div class='post-header-line-1'/>
    or
  • Paste any one of the following codes below the
    if you want button to appear button below the post or above the  if you want button to appear above post.

 Digg
  
<script type='text/javascript'>
digg_url="<data:post.url/>";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
    
 

Tweet
  
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
    
 
reddit
  
<script>reddit_url='<data:post.url/>'</script>
<script>reddit_title='<data:post.title/>'</script>
<script language='javascript' src='http://reddit.com/button.js?t=2'/>
    
 

  
<a expr:href='"http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&title=&quot; + data:post.title' rel='external nofollow' target='_blank'>
  <img alt='Stumble' src='http://cdn.stumble-upon.com/images/32x32_su_round.gif'/>
</a>
    
 


  
<b:if cond='data:blog.pageType == "item"'>
  <a expr:href='"http://promote.orkut.com/preview?nt=orkut.com&du=" + data:post.url + "&tt=" + data:post.title' target='_blank'>
    <img src='http://code.google.com/apis/orkut/docs/images/share.gif'/>
  </a>
</b:if>
    
 
facebook
  
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
    
 

7 comments:

  1. Great! This was what I was looking dreadfully. I'm going to apply it immediately. Thank you very much. Hope it will work best for me!

    ReplyDelete
  2. Hi,

    Everything went fine when adding these buttons in the post of my blog. Only problem occured when adding StumbleUpon and Orkut buttons since they used title parameter in them and the blogger interface is not accepting them with quotations as had to.

    ReplyDelete
  3. <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://cdn.stumble-upon.com/images/32x32_su_round.gif'/></a>

    ReplyDelete
  4. Hi Suresh
    User & quot; in place of ".
    It will work

    ReplyDelete
  5. I can not find that line in my blog code.
    What to do now?
    Is this same div id='header-wrapper' in tags.

    ReplyDelete
  6. Hi dear you just need to find out class "post hentry" on the page. So these button will be included with all posts

    thnak you

    ReplyDelete
  7. I needed to thank you for this great read!! I absolutely loved every little bit of it. I’ve got you book-marked to look at new things you post.
    website design

    ReplyDelete