In This Tutorial You Will Learn How To Add Digg Button To Blogger. It Will Display Digg Button To Every Blog Post. You Can Also Request Your...

- Login To Blogger Account.
- Click Blog Title → Template → Edit HTML.
- Click Proceed Button.
- Tick Expand Widget Templates Checkbox And Search For The Following Code Using Ctrl+F.
<data:post.body/>
- Replace The Above Code With The Following Code.
<data:post.body/>
<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>
<!-- Wide Button -->
<a class="DiggThisButton DiggWide"></a>
<!-- Medium Button -->
<a class="DiggThisButton DiggMedium"></a>
<!-- Compact Button -->
<a class="DiggThisButton DiggCompact"></a>
<!-- Icon Button -->
<a class="DiggThisButton DiggIcon"></a>
- Add Only One Button Code From Above Bold Text. Example Wide Button, Medium Button, Compact Button And Icon Button.
Note: Always Take Backup Before Editing Blogger Template.
No comments: