Contact Us

  • Call Now:+92-336-6234566 , +92-335-8023682
  • Sales Email:info@webhostinpakistan.com
  • Support Email:info@webhostinpakistan.com
  • Address Info:Office No. 38, Ground Floor, Stadium Road, Panorama center, Rawalpindi , Pakistan

Close Support

Support

Multi-Color Effect For The Links On Hover For Blogger / Blogspot

  • 17
    Apr

Multi-Color Effect For The Links On Hover For Blogger / Blogspot

How you can create backlinks in various colors? Do you want to use multiple colors for backlinks rather than utilizing a unique color link within the whole page? Confused begin to tell exactly what the title, purpose ANAA if you wish to link touched the pointer to uppercase, bekedip flashing rainbow colors and also the background like fireworks or perhaps a star-studded.You are able to specify the colour from the links fully page VLINK LINK and characteristics inside the beginning BODY tag.

How you can add multiple link styles

Need to make a hyperlink for your blog and rainbow-colored flashing once the pointer is affected? It’s very easy

I must write two group of instructions for every steps, as a number of you use the default layout, plus some of you use the brand new layout.Backup your template before trying this tutorial.

Step One:

In old layout: Visit Dashboard – Design – Edit HTML – Expand Widget Templates.

In new layout: Visit Dashboard – Template – Edit Template HTML – Expand Widget Templates.

Now find (Control+F) this code within the template:

&lt/mind&gt

And just before it add some next code :

&ltscript type=’text/javascript’&gt

//&lt![CDATA[

var rate = 20

if (document.getElementById)
window.onerror=new Function(“return true”)

var objActive // The item which event happened in
var act = // Flag throughout the experience
var elmH = // Hue
var elmS = 128 // Saturation
var elmV = 255 // Value
var clrOrg // One prior to the change
var TimerID // Timer ID

if (document.all)
else if (document.getElementById) Event.MOUSEOUT)
document.onmouseover = Mozilla_doRainbowAnchor
document.onmouseout = Mozilla_stopRainbowAnchor

function doRainbow(obj)

function stopRainbow()

function doRainbowAnchor()
amplifier&amplifier obj.tagName != ‘BODY’)

if (obj.tagName == ‘A’ &amplifier&amplifier obj.href != ”)

function stopRainbowAnchor()

function Mozilla_doRainbowAnchor(e)
amplifier&amplifier obj.nodeName != ‘BODY’)

if (obj.nodeName == ‘A’ &amplifier&amplifier obj.href != ”)

function Mozilla_stopRainbowAnchor(e)

function ChangeColor()

function makeColor()
No Color Gamut to appear like Rainbow?

// HSVtoRGB
if (elmS == )
else
else if (elmH &lt 120)
else if (elmH &lt 180)
else if (elmH &lt 240)
else if (elmH &lt 300)
else if (elmH &lt 360)
else

elmR = Math.floor(elmR).toString(16)
elmG = Math.floor(elmG).toString(16)
elmB = Math.floor(elmB).toString(16)
if (elmR.length == 1) elmR = “” + elmR
if (elmG.length == 1) elmG = “” + elmG
if (elmB.length == 1) elmB = “” + elmB

elmH = elmH + rate
if (elmH &gt= 360)
elmH =

return ‘#’ + elmR + elmG + elmB

//]]&gt

&lt/script&gt&lta href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Icons”&gt&ltimg src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”” alt=”Blogger Icons” style=”position:absolute top: 0px right: 0px” /&gt&lt/a&gt

Now Click Save Template

And you’re simply done.

Personalize And Demo.

You are able to change this value

var rate = 15  

within the above code to manage the rate of color transformation by growing or lowering the amount 15

How to produce a rainbow colored hover link

If you wish to make use of this Multicolor link hover impact on your Blogger Blog
Then follow below steps

In old layout: Visit Dashboard – Design – Edit HTML – Expand Widget Templates.

In new layout: Visit Dashboard – Template – Edit Template HTML – Expand Widget Templates.

Now find (Control+F) this code within the template:

&lt/mind&gt

And just before it add some next code :

&lta href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Icons”&gt&ltimg src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”” alt=”Blogger Icons” style=”position:absolute top: 0px right: 0px” /&gt&lt/a&gt&ltscript type=”text/javascript” src=”http://safir85.ucoz.com/24work-blogspot/multi-color/LinkPelangi.js”&gt&lt/script&gt

Now Click Save Template

How you can Add Rainbow Color Effect For The Links In Hover For Blogger / Blogspot

Hello buddies! Effect of rainbow colors to random colors can give your link on hover. This widget works according to simple JavaScript. Once applied, all of the links around the page shows a rainbow effect onmouseover.

Watch Live Demo

How you can add this widget to blogger?

Simply click Increase Blogger Button Bellow


(OR)

  1. Login to Blogger Account
  2. Visit Design &gt Page elements
  3. Click Give a Gadget and select Html/JavaScript
  4. Paste Bellow Code and click on Save Button
&lta href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Icons”&gt&ltimg src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”” alt=”Blogger Icons” style=”position:absolute top: 0px right: 0px” /&gt&lt/a&gt&ltscript src=”http://safir85.ucoz.com/24work-blogspot/multi-color/rainbow_colors_24work.js” type=”text/javascript”&gt&lt/script&gt

Please leave your comments and reactions for better improvement of my blog

888011000110888Thanks For Reading our Articles.

Comments are closed.