Digg.com? Digg.com is a most popular site on net. With digg.com you can discover and share your blog content all over country. Way to increase your blog traffic too. On this post i will guide you how to insert a digg it button at blogger platform. See image sample below:
How To Insert Digg-it Button?
Please follow this step below:
- Login to blogger with your ID.
- At dashboard page , click Layout. Please see the picture :
- click edit HTML tab. Please see the picture :
- Click the Download full template link. (backup your template).
- Tick Expand Widget Templates. Wait for a moment.
- Find This code like :
<p><data:post.body/></p>
- Delete the code above and replace with following code :
<p>
<!-- DIGG -->
<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>
<data:post.body/>
</p>
- Click Save Template button.Done…
Note: Above step is for your original template without read more tag.
For those who modified your template with Post summary (Read More function). Please follow this step below:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p>
<!-- DIGG -->
<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>
<data:post.body/>
</p><b:else/>
<style>.fullpost{display:none;}</style>
<p>
<!-- DIGG -->
<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>
<data:post.body/>
</p><a expr:href='data:post.url'><b>Read More...</b></a>
</b:if>
Then, Save your template and done.
Author: AlexL
Do you have any suggestions? Add your comment. Please don't spam!Subscribe to my feed