Wednesday, January 6, 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'>
</script>

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

</div>


add twitter digg reddit orkut facebook stumbleupon button to blogspotSocialTwist Tell-a-Friend

6 comments:

Suresh Khanal said...

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!

Suresh Khanal said...

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.

Ankit said...

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

Ankit said...

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

Anonymous said...

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

Ankit said...

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

Post a Comment