19.Add Digg Button beside your posts

Monday, December 28, 2009

Add Digg Button beside your posts

Uses-improves your traffic

Step1:-Log in to your Blogger account
Step2:-Go to layout--edit html- check "Expand widget"
Search for <data:post.body/> with Ctrl+F
Step3:-Add the following code before the <data:post.body/>

<!-- DIGG BUTTON -->
<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>
<!-- DIGG BUTTON -->

Step4:-Save template.

Congrats you have successfully added Digg button to your posts.

Source:-http://www.tipsblogger.com/2009/09/add-digg-button-to-blogger.html

ADD MORE THAN ONE DIGG BUTTONS SIDE BY SIDE

Digg button 1

<data:post.title/></a>
<!-- DIGG BUTTON -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- DIGG BUTTON -->
<b:else/>
<data:post.title/>


Digg button 2

<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<!-- DIGG BUTTON -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- DIGG BUTTON -->
<div class='post-body entry-content'>


Digg button 3

</b:loop>
</b:if>
</span><br/><br/>
<!-- DIGG BUTTON -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- DIGG BUTTON -->
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->

add digg

add digg button


add digg button to blogger

add digg button to blog

add digg your site

add digg button to website

0 comments:

Post a Comment

Track

Search My Blog

Loading