What is Delicious and How to add the Delicious Button to your Blog

What is Delicious and How to add the Delicious Button to your Blog What is Delicious? Delicious is a social bookmarking web services ...

What is Delicious and How to add the Delicious Button to your Blog

What is Delicious?

Delicious is a social bookmarking web services for storing, sharing and discovering web bookmarks…Delicious have more than 5.5 million active users, and 180 millions unique bookmarked urls,
Adding Delicious Button to your Blog will not only make your link among those 180 millions unique URL, but also share you link to almost the active 5.5 million users, depending on how active you are…..

IMPORTANT:

Backup the template before proceeding.

How to add the Delicious Button to your Blog

First Step. Go to Dashboard > Choose Blog > Template > Edit HTML > Expand Template Widget.

Second Step. Search (Ctrl+F) for           <data:post.body/>

Third steps: And Above the search code paste any of the code In the Table Below
Code:
THE CODE IN THE TABLE BELOW

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js' type='text/javascript'/> <a class='delicious-button' href='http://delicious.com/save'> &lt;!-- { url:&quot;<data:post.url/>&quot; ,title:&quot;<data:post.title/>&quot; } --&gt; Save on Delicious </a> </b:if>

 

Save the template.

Adding a Little Design to me it look delicious

To Align the Delicious button to left/right of the content:
(Right Align) Code

<div style='float: left; padding: 4px;'> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js' type='text/javascript'/> <a class='delicious-button' href='http://delicious.com/save'> &lt;!-- { url:&quot;<data:post.url/>&quot; ,title:&quot;<data:post.title/>&quot;  ,button:"wide" } --&gt; Save on Delicious </a> </div>

(Right Align) Code

<div style='float: right; padding: 4px;'> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js' type='text/javascript'/> <a class='delicious-button' href='http://delicious.com/save'> &lt;!-- { url:&quot;<data:post.url/>&quot; ,title:&quot;<data:post.title/>&quot;  ,button:"wide" } --&gt; Save on Delicious </a> </div>

Just Follow The steps Above And you will add the delicious button to your Blog without stress, if you are having any problem, you can use the comment box below