How to add "nofollow" to banners on the blog ?

Hi,

I have 2 banners on the home page of my blog.

http://makemoneyfastandeasyway.blogspot.com/

One banners is on the left the other is on the right. And im trying to add "nofollow" to these banner links. So i clicked on "Design" - "Edit HTML" but the code for these banners on the side is not there in HTML of the blog and it can not be edited under "Page Elements" either.

Does anyone know how to add "nofollow" attribute to these blog banners ?

 

add rel="nofollow" ?

Example;

I hope that helps.

 

Well yeah that code is correct but im thinking how to add that code to the 2 banners on my blog ? the problem is that the code for these 2 banners don't show up when i goto "Design" and click on "Edit HTML".. Im just wondering from where i can find the code to edit that ?

 

Do you Tick the small box next to Expand Widget Templates?

Might it's the complete steps:

1. Login to blogger with your ID
2. Click Design
3. Click Edit HTML.
4. Do the backup of your full template to prevent from error that may occur. Just click Download Full Template.
5. Tick the small box next to Expand Widget Templates.
   
   
   
6. Find the codes of the banners
   
   <a href='http://somaratne.TheSecondTier.com/socialanarchy'>
   <img alt='' height='600' id='Image3_img' src='http://2.bp.blogspot.com/_S_uXnaVirhc/TLYEbMLpnUI/AAAAAAAAARI/OyiWPvWHqn4/S1600-R/11111-120x600.gif' width='120'/>
   </a>
   
   <a href='http://80d911frsxqrhr6x5vnd4kfn07.hop.clickbank.net/'>
   <img alt='' height='600' id='Image1_img' src='http://4.bp.blogspot.com/_S_uXnaVirhc/TLYEG3YcL5I/AAAAAAAAARA/EJ6ScVpT3CM/S1600-R/160x600.gif' width='160'/>
   </a>
   
   
7. Put rel='nofollow' code in the banners:
   
   <a href='http://somaratne.TheSecondTier.com/socialanarchy' rel='nofollow'>
   <img alt='' height='600' id='Image3_img' src='http://2.bp.blogspot.com/_S_uXnaVirhc/TLYEbMLpnUI/AAAAAAAAARI/OyiWPvWHqn4/S1600-R/11111-120x600.gif' width='120'/>
   </a>
   
   <a href='http://80d911frsxqrhr6x5vnd4kfn07.hop.clickbank.net/' rel='nofollow'>
   <img alt='' height='600' id='Image1_img' src='http://4.bp.blogspot.com/_S_uXnaVirhc/TLYEG3YcL5I/AAAAAAAAARA/EJ6ScVpT3CM/S1600-R/160x600.gif' width='160'/>
   </a>
   
8. SAVE TEMPLATE
9. Done
   

 

thanks i got it.. actually i added the wrong widget... Now i just got it by adding the "HTML/Javascript" widget... I can just add any code to that

 

Its great that you have got the resolution.