I am using Yolasite.com as my host for Pahaikan.com. It's free!! (Refer entry: Want to build your own website? It's free!!)

But there are things that you could not do if you are using Yolasite.com hosting. One of it is you can not upload a .js file (javascript file) into your site. Javascript offers a wide range application for your website but since you can't upload them, you can never apply these scripts in Yolasite.com. (You could if you are using a remote script from other website. For example the analog watch I put on the bottom right of Pahaikan's Blog).

I wanted to put a floating image on the bottom left corner of my pages for Pahaikan's Guestbook because I got another idea for the guestbook tab. Well, I searched the web but almost everything needs javascript to run. After two hours spent, I finally came across this page: http://bloggerstop.net/2009/01/add-floating-back-to-top-buttonimage-in.html. The original html code look like this:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i34.tinypic.com/35lyjrb.gif" /></a>

Well, this code is used to add a Back To Top image button but with a little knowledge of my own, I change the # to one of my page address and few other details, like this:

<a style="display:scroll;position:fixed;bottom:10px;right:10px;" href="http://www.pahaikan.com/guestbook.php" title="Guestbook"><img src="http://www.pahaikan.com/xxx/pahaikan_sign4.png" /></a>

And the result... Was very satisfying...


For those who are not familiar to html code, just copy the code above and change the details on it. Then just paste in your page between the <body> and </body>.

Now, you can have almost the same floating sticky image using javascript on the corner of your page. Good luck!!!!!!


REMARKS: Really wanted to know other ways to do interesting effect on web pages without using javascript.....