How to add a digg button to blog posts in Blogger
Hi,
Adding a Digg Button to all blog posts in blogger is really simple and interesting. You only need to change a code in your HTML with the code mentioned below.
Look for the following code in your HTML
<p><data:post.body/></p>
And replace it with
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>
You are done. All of your Blog posts will have a Digg Button now.
For detailed instructions with pictures visit here
Hi, thanks for sharing codes.
Do anyone can paste here the code which contains every social media share Buttons? I have seen some posts with "Share Button" which has Facebook, Tweet this, Digg this and lots of other options in one row.
@Magali Vaz...There are many other ways to install compact version of digg buttons, but the two most easier versions i.e. "Compact & Icon" you can get just adding a simple code to the Keshav Saini's code above, here are the codes:
For Compact:
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; digg_skin="compact"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>
For Icon:
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; digg_skin="icon"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>
That's It:
Googy: AroundTheWeb.Co.In
Hi! Interesting article. But I have a question. I already have a compact tweetmeme button for all my blog posts. So is how does one insall a compact version of the digg button (I know there's one because I've seen it on some foreign blogs)
Thanks
There are many other ways to install compact version of digg buttons, but the two most easier versions i.e. "Compact & Icon" you can get just adding a simple code to the Keshav Saini's code above, here are the codes:
For Compact:
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; digg_skin="compact"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>
For Icon:
<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; digg_skin="icon"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>
That's It:
Googy: AroundTheWeb.Co.In
really interesting ... but i believe there must be some plugins for this
Sign in to reply to this thread
