Add an Animated Rainbow Link To Your Blog

Adding an Animated Rainbow Link To Your Blog
In this post i have a neat effect for the links on your blog. Maybe you've look some blog with this effect. Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them. The text link will be chaned into the rainbow color, if we hovered them. The effect comes from Dynamic Drive and we have a one click button to add it to your blog in seconds. Check out the demo below, simply hover your cursor over the post titles or any of the links on the demo blog. I got this tutorial from spiceupyourblog

Click the link below to see the preview. Add a Rainbow Link To Your Blog

CLICK HERE FOR PREVIEW

Add Rainbow Links To Your Blog

Copy this code below before <head>code

<script src="rainbow.js">

/*
Rainbow Links Script- TAKANASHI Mizuki
For full source code, 100's more DHTML scripts, and TOS,
Visit http://www.dynamicdrive.com
*/

</script>

Save your template.
That's it a cool effect for your links, check out more of our Blogger Gadgets.

Next post 6 Best Free Wordpress Social Bookmarking Plugin

Source :  spiceupyourblog

Read More Add an Animated Rainbow Link To Your Blog

CSS Text Shadow - Create a Shadow On Your Text

CSS Text Shadow , Create a Shadow On Your Text
Hai guys, now i will share a great CSS Tutorial to you. Ya, CSS Text Shadow, maybe some of you have known how to do this. Its just a simple CSS tricks.
Ok, this is it CSS Text Shadow Tutorial


Regular text shadow:

p { text-shadow: 1px 1px 1px #000; }

Example :

Yahyagan Blog CSS Text Shadow 

The first two values specify the length of the shadow offset. The first value specifies the horizontal distance and the second specifies the vertical distance of the shadow. The third value specifies the blur radius and the last value describes the color of the shadow:

1. value = The X-coordinate
2. value = The Y-coordinate
3. value = The blur radius
4. value = The color of the shadow

Using positive numbers as the first two values ends up with placing the shadow to the right of the text horizontally (first value) and placing the shadow below the text vertically (second value).

The third value, the blur radius, is an optional value which can be specified but don’t have to. It’s the amount of pixels the text is stretched which causes a blur effect. If you don’t use the third value it is treated as if you specified a blur radius of zero.

More Example :


1. Multiple Text Shadow
{text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}

Yahyagan Blog 

2. Other Placement
{text-shadow: -1px -1px white, 1px 1px #333}
{text-shadow: 1px 1px white, -1px -1px #333}

Text Shadow Property
By Yahyagan Blog

Ok, thats it the CSS Text Shadow Tutorial.

Source : erasparsa

Next Post Add an Animated Rainbow Link To Your Blog

Keyword For This Article :
CSS Text Shadow, Text Shadow Property, Create a Shadow on your Blogger Text

Read More CSS Text Shadow - Create a Shadow On Your Text