Considering the “importance” of Technorati ranking in online money making, it is rather odd that Technorati doesn’t provide a ranking widget. Doug Karr created a Technorati Rank WordPress Plugin but I just need a simple looking button like those little 80×15 badge. So here’s how to create one in 3 simple steps.

This will be our final product:
Technorati Rank Widget

Step 1: install JPF Technorati Rank Wordpress Plugin

Step 2: download technorati.gif (right click, save as) and upload into your theme’s images folder e.g /wp-content/mytheme/images/

Step 3: insert the following code to your sidebar.php

<style type="text/css">
.technoratirank {
width: 88px;
height: 26px;
background: url(<?php bloginfo('template_url'); ?>/images/technorati.gif) no-repeat;
}
.technoratirank a {
color: #4096EE;
float: right;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 1px 5px 0 0;
}
.technoratirank a:hover {
color: #3F4C6B;
}
</style>
<?php jpf_technorati_rank('<div class="technoratirank">','','</div>'); ?>

End of project. Feeling a bit adventurous?

Further Customization (optional)

* A different background image
Download and edit the Photoshop PSD file

* Link to Technorati Search instead of Technorati Blog Info
This requires hacking the jpf_technorati_rank.php plugin file.
Replace $rankurl = “http://technorati.com/blogs/”.$blog;
with $rankurl = “http://technorati.com/search/”.$blog;


What's Next?

»
» Subscribe to Feed
» Leave a Comment

Related Posts:
» Add a Alexa Rank Widget in 3 Simple Steps
» Add a Technorati Rank Widget for Blogspot
» Google PageRank Update

» Newer Post: Add a Alexa Rank Widget in 3 Simple Steps
« Previous Post: Little Bug in Themes