I want to add a widget code to my blogger blog. For some reason my html/ javascript is not working. So i want to do it with "add html" . but i have tried a lot. i could not understand where to put my code. I don't have much knowledge about html and all. I am new to internate. If someone help me where to put it . This is my code.... <script language="javascript" src="http://www.fuelmyblog.com/pages/friendswidgetv1.1.jsp?userId=44515&ehex=19dafe4789700b7d95fb3123c63e61fe&blogId=20485"></script> <script language="javascript"> document.write( myFriendsWidget ); </script> My html is <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Minima Lefty Stretch Designer: Douglas Bowman / Darren Delaye URL: www.stopdesign.com Date: 14 Jul 2006 ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <Variable name="textcolor" description="Text Color" type="color" default="#333" value="#6728B2"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#285fb2"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#660000"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#341473"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc0000"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#ffffff"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#6f3c1b"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#6f3c1b"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#b47b10"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 110% Arial, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% Courier, monospace"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal bold 348% Times, serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 68% Times, serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { margin:0 2% 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: