6:50:00 AM
Digg is another popular
social bookmarking website and you can add Digg share button to share your
story to get backlink and traffic to your new blog post. Your readers vote your
post stories up or down which is called digging and burying.
We provide you step by step guide to add Digg count and vote share button to your every blog post. I am sharing two style of digg share button for your blogger post. Please see below picture for demo and choose your style of Digg button that you want to add to your website.
Add Digg Share Button For Blogger
Please follow below step to add Digg Share Button on your
website:
Log in into Blogger Dashboard.
Go to Template and click on Edit HTML button as shown in
below picture.
Step 3
Find below code With the help of CTRL+F:
<data:post.body/>
Step 4
Copy and Paste your style code before it:
Style 1
<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>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script type='text/javascript'>
digg_url="<data:post.url/>";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Tips: Change your float Right or Left as your requirement with change
of Right in the code.
Style 2
<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>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<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>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="http://img1.blogblog.com/img/blank.gif" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
Tips: Change your
float Right or Left as your requirement
with change of Right in the code.
Step 5
Click on Save Template Button.
No comments
Post a Comment