27 February 2009

How to make Rainbow Link

I mean when a cursor hovered the link, then the link will change color. This color will change color like rainbow. Please hovered your cursor to the word below..

EXAMPLE
Can you see the difference?
Lets begin n follow the step.

First Step
  1. Download this script
  2. Upload this file to the server that you use often, eg to google sites.
  3. Copy the URL of the file before you upload. ( just sample, don't use that )
ex : www.habeebchuex.com/rainbow.js
Second Step
Login go to your layouts section. On the 'Page Elements' setup page
make sure you have a label widget already installed where you want it (it can be moved around
later). Then go to the Edit HTML settings and leave the widgets NOT exapanded. It will make
things easier to deal with.

Find
<head>
<b:include data='blog' name='all-head-content'/>
paste this script after <b:include data='blog' name='all-head-content'/>
<script src='your URL js' type='text/javascript'/>
change green text with your url js. ( as an example )
<head>
<b:include data='blog' name='all-head-content'/>
<script src='www.habeebchuex.com/rainbow.js' type='text/javascript'/>
Now if all has gone well, and you have posts already labeled, then if you preview the
blog you should see some form of the Cloud appearing. If it doesn't appear, then something
went wrong. You should probably back out and try it again from the start.



This Script works with IE4, Netscape6, Mozilla browser and above only, but no error occurs on other browsers.


Credits : Dynamic drive :)

0 comment: