Digg Icon At Blogger.com Posts

Do you notice the Digg icon at the right part of this post. Do you want to put the same thing in your Blogger.com blog. I know you do; that's why you don't have to look somewhere else. Here's how:

1.) Copy the following code to your clipboard:

<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'>
  </script>
</div>

2.) Logon to your Blogger.com. Choose Layout in the dashboard. Then click Edit HTML. Check the Expand Widget Templates checkbox. Find the code indicated below by pressing Ctrl-F.

<div class='post-header-line-1'/>

or

<div class='post-header-line-1'>
.
. (maybe some codes are in here)
.
</div>

3.) If you got the first one with a backslash before the ending tag (">"), split it to two by omitting the backslash and creating a separate ending tag. Just like the second one. See code below as an example.

<div class='post-header-line-1'>

</div>

4.) Insert the code you copied into clipboard right after <div class='post-header-line-1'>

5.) Click Save Template.

So that's it, you've got now your own Digg Icon at the upper right corner of your all the posts in your blog. Your readers can click it to submit your article to Digg.com and/or to Digg it. The icon will also show you how many people have actually "Dugg" your post.

There's a lot of tips in the near future so subscribe now by clicking below.

Click here to subscribe and receive Blogging-Startup-Make-Money tips.

If you like this post in Blogging Startup Make Money, buy me a coffee.