Ads 468x60px

Δευτέρα, 1 Φεβρουαρίου 2016

Color to Blog links for Rainbow effect

Φίλες και φίλοι γεια σας, έχουμε δει και σε παλαιότερη ανάρτηση με τον ποιο απλό
τρόπο πως μπορούμε να εγκαταστήσουμε στα blog μας, Rainbow effect για τα Links
που έχουμε στην σελίδα μας!Όταν κάνουμε mouseover με τον κέρσορα σε κάποιο link
αρχίζουν και αναβοσβήνουν διάφορα χρώματα!Είναι ένα πολύ καλό τρικ!Σήμερα εδώ
θα δούμε έναν πιο αξιόπιστο τρόπο διότι ο απλός τρόπος με την προσθήκη σαν gadget
δηλαδή, δεν δούλευε σε όλα τα πρότυπα!



Δείτε εδώ το DEMO


ΕΓΚΑΤΆΣΤΑΣΗ:


 Πρώτα από όλα κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:

αντιγράψτε τον ακόλουθο κώδικα: 
................................................................................................................................................................


<script type='text/javascript'>
//<![CDATA[
var rate = 5;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
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()
{
// Rainbow widget by www.bloggerspice.com//
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>
..................................................................................................................................................................

και...

Πηγαίνετε blogger-->Πρότυπο


 Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl  + F  ψάχνεται

να βρείτε το: ]]></b:skin>

Μόλις το βρείτε κάντε επικόλληση τον κώδικα

ακριβώς από ΚΑΤΩ ΤΟΥ!


Πατήστε Αποθήκευση Προτύπου!



Αυτό ήταν! 


Καλή επιτυχία!!!


Πηγή κώδικα 
thanks to bloggerspice.com





Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog