How to Create your own widget

Do you want the static image to be put at the corner of your web??

It can be used to give the mood of your web with any image that you want. All of the items here are FREE! So, enjoy then... It is advised that you use the latest browser i.e IE7 and Firefox.

Here's are the simple script that u need to follow..
-----------------------------------------------------------------------------------------------

1. Login to your blogger account then go to -->>> "Layout -->> Edit HTML

2. Find this code -->>>]]></b:skin> (For easy search copy the word and on Edit HTML page type ctrl + f and paste it, you will surely found it). Then copy the script listed below on top of it. Please Choose Which is the best position for you.

a) Bottom Left

CODE
Right click and copy the code before -->>> ]]></b:skin>

#trik_pojok {<br />position:fixed;_position:absolute;bottom:0px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

-------------------------------------------------------------

b) Bottom Right

CODE
Right click and copy the code before -->>> ]]></b:skin>

#trik_pojok {<br />position:fixed;_position:absolute;bottom:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

-------------------------------------------------------------

b) Top Left

CODE
Right click and copy the code before -->>> ]]></b:skin>

#trik_pojok {<br />position:fixed;_position:absolute;top:0px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

-------------------------------------------------------------

b) Top Right

CODE
Right click and copy the code before -->>> ]]></b:skin>

#trik_pojok {<br />position:fixed;_position:absolute;top:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

-------------------------------------------------------------

3. The last step is copy & paste the script below before this code -->>> </body>
(For easy search copy the word and on Edit HTML page type ctrl + f and paste it, you will surely found it)

CODE

Right click and copy the code before this code -->>> </body>

<div id="trik_pojok"><br /><a href="http://malaysiatopview.blogspot.com"><br /><img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a><br /></div>

-------------------------------------------------------------

"http://malaysiatopview.blogspot.com" changed this link to your own link.
"http://kendhin.890m.com/soniclari.gif" changed this link to your own picture that u want to use.

4. If u want to change the static picture to clock/calendar/hit counter/others widget just change This code -->>> <a href="http://malaysiatopview.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
<<<-- with ure own widget script.

5. Jobs Done -- Save it n see yourself!! Good luck guys!