How To Add A Delicious Button To Blogger Posts?

This post basically features with the addition of a delicious button to every blogger post. It is very similar to addition of digg button(How To Add A Digg Button To Blogger Posts), which you encountered in the last post under the "Design Tips" category. I would stress on adding delicious bookmarks on top of the every blog post apart from the ones installed below the blogger posts because many advertisers favor them. For example, you may check out BuySellAds site and you will find that, they take into account the number of delicious bookmarks for evaluating a site.

So, what is a Delicious? Delicious, formerly known as del.icio.us, is basically yet another social bookmarking site for storing, sharing, and discovering bookmarks. It was found in the year 2003 and later acquired by Yahoo in the year 2005. It includes more 5.3 million users and 180 million unique bookmarked URLs. So, the stats will tell the complete story about the strength of this site. Have a look at the final output of this post.How do I get my posts/links bookmarked? Just add the button in your blog and wait for your readers to bookmark it. Hope, some one will bookmark this post:) Now, let's straight away move to the steps for installing this button on our blogger posts.
1. Navigate to Design->Edit HTML from your blogger dashboard. Now, click on the Expand Widget Templates, that is ensure that there is a tick mark.
2. Search for the following code.
]]></b:skin>
3. Download this text file: CSS For The Delicious Button.
4. Copy the code in the text file and paste it just above the line mentioned in step 2.
5. Now, expand your template and search for the following piece of code.
<div class='post-header-line-1'>
6. Download this text: Code For The Delicious Button.
7. Copy the code in the text file and paste it just below the line mentioned in step 5.
8. Save your template.
(Note:The button will be visible only on the post pages and not on your home page. So, please check your post page rather than the home page to preview your button.)

If you find the button on the top right corner of your blogger post, it means you have successfully installed the button on your blog. For further customizations like displaying the button to the top left corner or bottom of the posts or if you face any problem in installing the scripts, leave a comment below and I will help you solve the problem!!

Enjoyed the article?
Subscribe to this Blog via Email:

Click here to subscribe to FREE email updates from "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!

    Other Recommended Posts

  • Blogger Tutorials
Aleksandar said on September 27, 2010 at 11:08 PM :

Bro you are doing really great job on this blog. Keep going.

REPLY
Mukund said on September 27, 2010 at 11:33 PM :

@Aleksandar: Thanks for the comment bro! I will definitely post more useful tips and you keep in touch with my blog to receive them!!!

REPLY
Maun Vision said on October 9, 2010 at 11:31 PM :

very easy insightful steps, keep it up.

REPLY
Mukund said on October 9, 2010 at 11:52 PM :

@Maun Vision: Thanks for the comment! Hope you enjoy the other updates in my blog too!!!

REPLY
Godslord said on October 29, 2010 at 4:54 PM :

nice post bro britney vs lindsay here check out

REPLY
Mukund said on October 29, 2010 at 7:14 PM :

@Godslord: Thanks for the comment! I hope to see more expressive comments from you in the future!!

REPLY
Mukund said on November 12, 2010 at 4:00 PM :

@Maun Vision: Thanks for the comment! Hope you enjoy the other updates in my blog too!!!

REPLY
Paul T. Levin said on February 18, 2011 at 3:35 AM :

Thanks for the tip and instructions, Mukund.

I am having some problems after following your instructions, however. The button shows where it is supposed to but I can't click on it. Can you help?

Paul

http://turkeublog.blogspot.com/

REPLY
Mukund said on February 18, 2011 at 9:22 AM :

@Paul T. Levin: Yeah! I can always help you buddy! Just hit the contact button at the footer of my blog and send me an email regarding the problem. I will fix your issue!

REPLY
Jodie | Velour said on May 10, 2011 at 11:45 PM :

Awesome! It worked -- now can you help me to move it to the bottom of my post instead of the top right corner?

REPLY
Mukund said on May 11, 2011 at 10:06 AM :

@Jodie | Velour: You can place them at the bottom of your blog post by placing them at the end of the post.body tag. If you do not know where that tag is, contact me via email with your template and I will fix the issue for you!

REPLY
sarespencer said on January 9, 2012 at 3:08 PM :

HI! Great post! I'm still having some trouble getting my delicious tag up and running. Any chance you are able to help out?

REPLY
Frank Hannah said on February 12, 2012 at 2:31 PM :

I installed your delicious button and it shows up on the right hand side of my blogger post, but it doesn't link to anything when I click on it. No matter where I click on it, it does nothing.

Any help would be great! Thanks!

Frank

REPLY
Mukund said on March 9, 2012 at 6:08 PM :

@Frank Hannah: It's quite easy! Anyway just hit via my email id and I'll help you out!

REPLY
Paul T. Levin said on March 9, 2012 at 7:00 PM :

@Mukund
me, too please!

REPLY
Mukund said on March 9, 2012 at 7:08 PM :

@Paul T. Levin: Well, sure! Hit me via my email id and I'll help you out!

REPLY

Use the tab below to comment. No spam please!!!

[netinsert=0.0.1.11.14.1]