Friday

How To Add Digg Button To Blogger / Blogspot

Posted By: Arin Dey - 5:46 PM

Share

& Comment

One of the widely used social networking site is Digg. It offers button which can be included to your blogs, which is really useful for showing the visibility of your blog among the search engines.

You can use a ‘submit to Digg’ button on your site which will definitely increases the post shares by one of your viewers and publicize to their network. 

In this post you will find the step-by-step guide for including the Digg count button to every single blogger post. Digg button will show a better chance your post will be digged and get you more web traffic. You can also know how to add Digg button on top or bottom of each post and the alignment of Digg button on left or right side of posts.

How to add Digg button to every Blogger/Blogspot post ?

Adding Digg button to each post on your blogger blog you must copy and paste the following code in blogger template:
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
By following some simple steps you can easily add Digg button before every post or on the bottom of every post.
You can edit HTML and search for <data:post.body/> and paste the code just before if you want to display the Digg button on the top of the post or after the code in case displaying bottom of the post.
Find the step by step guide to add Digg button counter to blogger

1.  Go to Blogger.com dashboard.

2. Go to Layout section

3. Click on Edit HTML -> Proceed

Note : Always take a backup template on local hard disk before doing any change in edit template box 

4. Check on Expand Widget Template



5. Search for
 <data:post.body/>
Alignments :

Centre Alignment:
1. Digg button counter on the top of post. Include Digg button code (code above) before <data:post.body/>...
[DIGG BUTTON CODE]
<data:post.body/>...2. Digg button counter on the end of your posts, add Digg button code just after <data:post.body/> ...
<data:post.body/>[DIGG BUTTON CODE]...
Left Alignment To align your Digg button left use this code: 
<div style='padding: 4px; float: left;'>
[DIGG BUTTON CODE]
</div>
Right Alignment : To align your Digg button counter right: 
<div style='padding: 4px; float: right;'>
[DIGG BUTTON CODE]
</div>
Here is the sample code for Digg button before each post on left side: 
<div style='padding: 4px; float: left;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
Hope you have added Digg button to your blog successfully.

Copyright © 2016. Poketors - Technology BlogThe content of this website is copyrighted and may not be reproduced on other websites. | Email us at : admin@poketors.com.