Add A Beautiful Delicious Counter Button

Delicious counter buttons are quite essential for every blogger, but there are many counter buttons out in the field which actually doesn’t work. It was my experience, when I was in search of delicious counter buttons. Finally I found a way to make our delicious button. The tutorial which I am going to teach you was made by Mike. So, this is going to be a little detailed version of what he has written on his blog.

delicious counter button

Live Demo

WordPress

Step 1: Go to header.php on your WordPress dashboard and insert the below code within </head>.

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

Step: 2 Now go to single.php and paste this code after <?php the_content(); ?>

<div style='float:right; margin-right:10px;'>
<!-- {
   url:"<?php the_permalink() ?>"
   ,title:"<?php the_title(); ?>"
   ,button:"wide"
   } -->
   Save on Delicious
</a>
</div>

For horizontal button, remove ,button:”wide” from the step 2.

Blogger

Well, I don’t want to miss Blogger platform and here we go to the installation.

Step 1: Go to Edit HTML in your Blogger dashboard and paste the below code within </head>.

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

Step 2: Search for <div class=’post-header-line-1’/> if you are not able to find search for <data:post.body/> and paste this code below to that

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

For horizontal button remove ,button:”wide” from the step 2.

Hope this tut is helpful to add a beautiful delicious counter button. Finally thanks to Mike for making this awesome piece of work.

August 31, 2010. This entry was posted in Blogger, Tutorials, WordPress and tagged . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!