Adding social tech site buttons to Blogger

It’s simple!

Edit the HTML for your template (Layout -> Edit HTML), click on "Expand Widget Templates". Look for this code:

view plaincopy to clipboardprint?

1. <p><data:post.body/></p>  

<p><data:post.body/></p>

Immediately after that code, add this:

view plaincopy to clipboardprint?

1. <p><a expr:href='&quot;http://www.dotnetkicks.com/submit/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:id='data:widget.instanceId + &quot;_kickit&quot;' rel='nofollow'><img alt='Submit this story to DotNetKicks' expr:src='&quot;http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=&quot; + data:post.url'/></a>  
2. <br/>  
3. <script type='text/javascript'>  
4. var dzone_url = &#39;<data:post.url/>&#39;;  
5. var dzone_title = &#39;<data:post.title/>&#39;;  
6. var dzone_style = &#39;2&#39;;  
7. </script>  
8. <script defer='defer' src='http://widgets.dzone.com/widgets/zoneit.js' type='text/javascript'> </script>  
9. <br/>  
10. <script type='text/javascript'>  
11. digg_url = &quot;<data:post.url/>&quot;;  
12. digg_title = &quot;<data:post.title/>&quot;;  
13. digg_skin = &quot;compact&quot;;  
14. </script>  
15. <script defer='defer' src='http://digg.com/tools/diggthis.js' type='text/javascript'/>  
16. </p>  

<p><a expr:href='&quot;http://www.dotnetkicks.com/submit/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:id='data:widget.instanceId + &quot;_kickit&quot;' rel='nofollow'><img alt='Submit this story to DotNetKicks' expr:src='&quot;http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=&quot; + data:post.url'/></a>
<br/>
<script type='text/javascript'>
var dzone_url = &#39;<data:post.url/>&#39;;
var dzone_title = &#39;<data:post.title/>&#39;;
var dzone_style = &#39;2&#39;;
</script>
<script defer='defer' src='http://widgets.dzone.com/widgets/zoneit.js' type='text/javascript'> </script>
<br/>
<script type='text/javascript'>
digg_url = &quot;<data:post.url/>&quot;;
digg_title = &quot;<data:post.title/>&quot;;
digg_skin = &quot;compact&quot;;
</script>
<script defer='defer' src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</p>

That’s the exact code I’m using in my template at the time of this post. It’s not visually perfect, but it works.