CSS Rule: Adding Technorati Favorites to Blogger

You need to add everything that is printed in dark font to your layout (Layout/Edit HTML). The light blue text is provided to show where the new code goes in the program. The first two lines are standard from Technorati and go in the head section. Also needed is a CSS style.

After you are done with those two updates, in the body, you find the right sidebar which comes after main-wrapper div. I wanted to place Technorati right after the two search boxes that I have so that's where mine went. I add the code that I got from Technorati enclosed within the techno-div.

Do I really need a new div? I do for the reasons I explained in the post just before this.


<head>


<!-- Adding for Technorati -->
<link href='http://Atom_Feed_URL' 
rel='alternate' title='Atom 0.3' 
type='application/atom+xml'/>

<link href='http://RSS_Feed_URL' 
rel='alternate' title='RSS 2.0' 
type='application/rss+xml'/>
<!-- end of Technorati -->

....

.layoutlinks .techno-div img {
   margin-bottom: 20px;
   float: none;      
}


</head>

<body>

....

<!-- this is the right sidebar wrapper -->
<div id='sidebar-wrapper'>
        
<!-- Right side image list -->
<div class='layoutlinks' id='layoutlinks_right'>

<div class='navdiv'>
<h4>site search</h4>

....
</div>



<div class='techno-div'>
<a href='http://technorati.com/faves?sub=addfavbtn&add=
http://www.cssbakery.blogspot.com'>
<img alt='Add to Technorati Favorites' 
src='http://static.technorati.com/pix/fave/tech-fav-1.png'
/></a>
</div>


<h4>tools</h4>
<ul class='little_links'>

CSS Rule

Saturday, February 21, 2009

Adding Technorati Favorites to Blogger

No comments:

Post a Comment