Add Real Time Technorati Rank Widget in blog

The 1st step;

1. Login into blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Find this code: ]]></b:skin>
5. Add the following code before the code above:

div.tec_name {
display:none;
}
div.tec_rank {
background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) 4px 3px no-repeat;
padding-left: 25px;
border:0;
}
div.tec_rank a:link, div.tec_rank a:visited {
color: #390;
text-decoration:none;
font: normal 10px Verdana;
}
div.tec_rank a:hover {
border-bottom:1px dotted #279627;
}

6. Click save template
7. Finish
You are almost done.

8. Click Page Elements
9. Click Add a Gadget
10. Click Plus HTML / JavaScript
11. Add the following code in that column

<!–
Technorati Rank (technorati.com)
Ducksoup Technorati PHP API Library (kailashnadh.name/ducksoup/)
Created by: PurpleMoggy (purplemoggy.blogspot.com)
–>
<script
src=http://purplemoggy.clawsorpaws.com/technorati/rank.php?u= YourBlogName.blogspot.com type=”text/javascript”></script>

12. Change the bold writing with your blog or web URL address. For example; indianmonsters.blogspot.com, then the code will be;

<!–
Technorati Rank (technorati.com)
Ducksoup Technorati PHP API Library (kailashnadh.name/ducksoup/)
Created by: PurpleMoggy (purplemoggy.blogspot.com)
–>
<script
src=http://purplemoggy.clawsorpaws.com/technorati/rank.php?u=indianmonsters.blogspot.comtype=”text/javascript”></script>

13. Click Save button.
14. Finish and you can move it in your favorite position.