How to add Digg Button to Blogger
Social bookmarking icons on blog are always gain some traffic, some of blogs are using floating social media, some of them are using Facebook like button, Facebook send button, LinkedIn button, Google plus button, twitter button to bust their traffic on their blogs and websites.Digg is also social networking bookmarking website that helps user to dugg the article posted by user.The bookmark posted on Digg website.
Smart Digg button and a static Digg button are available to add in to blogger,Smart Digg button is available in 4 different predefined sizes: Wide, Medium, Compact, and Icon.
To add digg button to your blog, you need to add some Javascript/HTML script in to your blog.If you wish to add only digg button on your blog or website, than prefer this article or if you wish to add other social bookmarking buttons along with digg button,you may try floating social bookmarking widget.
To add Digg Button to Blogger/website , follow the steps :
1.Login to your Blogger dashboard.
2.Go to Design > Edit HTML.first Backup your blogger template from here.
3.Add the following code just before the </body> code.(You can also add before </head> tag.)
4.Now find the <data:post.body/> code from your template & add following code just before that.
5.Now save your template.
Note : you can use DiggWide , DiggCompact , DiggMedium & icon in place of the red colored code(DiggMedium) in step 4.
If you still having any query regarding adding digg buttons in your blog, just comment below with your problem,I will explain you !!!
Smart Digg button and a static Digg button are available to add in to blogger,Smart Digg button is available in 4 different predefined sizes: Wide, Medium, Compact, and Icon.
To add digg button to your blog, you need to add some Javascript/HTML script in to your blog.If you wish to add only digg button on your blog or website, than prefer this article or if you wish to add other social bookmarking buttons along with digg button,you may try floating social bookmarking widget.
To add Digg Button to Blogger/website , follow the steps :
1.Login to your Blogger dashboard.
2.Go to Design > Edit HTML.first Backup your blogger template from here.
3.Add the following code just before the </body> code.(You can also add before </head> tag.)
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
4.Now find the <data:post.body/> code from your template & add following code just before that.
<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; padding: 4px;'>
<a class='DiggThisButton DiggMedium' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title'></a>
</div>
</b:if>
<div style='float: right; padding: 4px;'>
<a class='DiggThisButton DiggMedium' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title'></a>
</div>
</b:if>
5.Now save your template.
Note : you can use DiggWide , DiggCompact , DiggMedium & icon in place of the red colored code(DiggMedium) in step 4.
If you still having any query regarding adding digg buttons in your blog, just comment below with your problem,I will explain you !!!
Loading
July 25, 2011 at 6:50 PM