Wednesday, February 9, 2011

Add Delicious counter button

1. log in to your blogger account.go to  Design >> Edit Template
 
2. Click "Expand Widget Templates"and Find this tag by  using Crtl+F   </head>

3. Paste below code after the above tag.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js"></script>

4.Find again this code.  <div class=’post-header-line-1&#8242;/>

5. paste below code after the above code.

<div style='float:right; margin-right:10px;'>
<a class='delicious-button'  href='http://delicious.com/save'>
   &lt;!-- {
      url:"<data:post.url/>"
      ,title:"<data:post.title/>"
      ,button:"wide"
   } --&gt;
   Save on Delicious
</a>
</div>

6. Now you are done.

1 comment: