Recommended Article for you : get unlimited Freecharge Trick revealed

Awesome Rainbow animation Link Widget for Blogger

This is a simple Blogger Blog Trick,Changing the color of Link when Mouse over it.7 colors are changing like animation when hover the link.
Follow the simple steps below..












If you are a beginner in HTML editing,Use our 1 Click Widget Below(Click Add to Blogger Button below)



Install Rainbow Animation Hover Effect manually.

Note:Remember that Back up your Template First.(How to Backup Template)

  • Sign In to you Blogger Account.
  • Go to Design->Edit HTML
  • Find <head> section and Place the below code inside it.

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

  • Save It and Enjoy. . . !

I think you enjoyed this post.Surely you will get excited after using this widget.
Close [x]

33 comments :

  1. nice blog http://darulirshad.blogspot.com/

    ReplyDelete
    Replies
    1. thanks....keep visiting..

      Delete
    2. dongtam
      game mu
      http://nhatroso.net/
      http://nhatroso.com/
      nhac san cuc manh
      tư vấn luật qua điện thoại
      dịch vụ thành lập công ty trọn gói
      công ty luật
      tổng đài tư vấn pháp luật
      thành lập công ty
      http://we-cooking.com/
      chém gió
      trung tâm ngoại ngữĐế nói rằng "Nhanh đi cho ta thủ xen vào các đại xuất khẩu, đừng làm cho Tiêu Viêm nhân cơ hội chạy trốn ~~ "

      Dứt lời, vừa nhìn về phía cái á, mi mắt hơi híp, bàng bạc đấu khí cũng là thời khắc nhắc tới, sinh sợ đối phương đột nhiên tập kích, bất quá Hỏa Phệ cũng không biết này Thất Thủ Liệt Hỏa Điểu lợi hại, thế nhưng, theo cái á trên người truyền đến một tia áp lực, có thể dùng hắn phải đả khởi vạn phần tinh thần, thời khắc chuẩn bị xen vào!

      "Hừ, ngươi cho là ngươi còn có cơ hội sao?" Dứt lời, vừa một đạo thật lớn tiếng chim hót vang lên, chợt, mấy đạo thân ảnh đó là xuất hiện tại cái á phía sau.

      Tới hơn mười đạo thân ảnh, mỗi một cái đều là có chút không kém, trong đó một cái "Hỏa linh báo" tu vi đều là đạt được năm sao Đấu Đế đỉnh, nửa bước lục tinh nông nỗi, cái khác tuy nói là không có này hỏa linh báo như vậy cường hãn thế nhưng cũng là chút nào không kém, hơn mười cổ năm sao Đấu Đế tả hữu khí tức theo này này thú vương trong cơ thể tán phát ra! Mơ hồ gian đem này gần rời đi năm sao Đấu Đế đều là vây kín lên!

      Delete
  2. visit my blog.....www.dreamguj.blogspot.com...........editing from here......thx to netoopsblog and i want your blog templates....send me at pareshdudhagra@gmail.com

    ReplyDelete
    Replies
    1. Thanks.. wait i'l post my blog template soon..Keep visiting :)

      Delete
  3. visit the mine at http://yassinemohammed.blogspot.com/

    ReplyDelete
  4. nice blog. i have applied many tricks of yours on my blog
    http://downloadsandtricks.blogspot.com
    Free SOftwares,Ebooks and downloads

    ReplyDelete
  5. check mine out, free comics to download, www.comixdownload.com , safe, awesome, and free.

    ReplyDelete
  6. Great post Kasra Design is a animation company and provide explainer video, video commercial production, animated product demo, animations, and many more.
    explainer video

    ReplyDelete
  7. nice post......
    check my blog http://onlyfullsoft.blogspot.com

    ReplyDelete
  8. thanks, the great post the bolg.
    http://latestarenaanimation.com/

    ReplyDelete
  9. Your blog is awesome! I hope you can make free templates too.. xx

    Anne - http://randomcoolstuff101.blogspot.com

    ReplyDelete
  10. Awesome blog over here! Thanks for sharing this very useful information. I will visit your blog again in a couple of days to check if you have some new articles.
    animated video production

    ReplyDelete
  11. Hey Valsaraj I Want Your Trick Of Theese Two Arrows Linking To Next And The Previous Post
    Please http://pcgameloverzz.blogspot.com/

    ReplyDelete
  12. visit my blog.
    http://amalanvillanz.blogspot.com/

    ReplyDelete
  13. superb blog.....
    visit mine...
    http://comptrickzs.blogspot.in/

    ReplyDelete
  14. waaw nice blog...!
    Visit my blog also
    gossipamda.blogspot.com

    ReplyDelete
  15. Add a website on our ssl secured directory submit your link free and paid at our page rank 2 directory website today that also has featured link ads and link ads with google page rank
    seo

    ReplyDelete
  16. Thanks for nice widget.
    Online shopping discount offers freecharge tricks daily updated site visit here www.savepitara.com

    ReplyDelete

Ask your thoughts to us,We are happy to help you.


1.Please don't Spam
2.We strictly recommend to Click on Subscribe to email