Ads 468x60px

Πέμπτη, 4 Φεβρουαρίου 2016

Scrolling Text to Title Bar

Φίλες και φίλοι γεια σας, με τον καιρό έχουν βγει πολλά scripts & widgets τα οποία
κάνουν τον τίτλο των blog μας, πάνω στην Title bar να σκρολάρει, να κινείται
δηλαδή!Είναι ένα πολύ πετυχημένο script!Μπορείτε να δείτε ένα παρόμοιο στην Title
bar του Tech Time!Σε αυτή την ανάρτηση θα σας δείξω πως μπορούμε να βάλουμε και
κείμενο να σκρολάρει μαζί με τον τίτλο!


Δείτε εδώ το DEMO


Για να το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
........................................................................................................................................

 <script language=javascript>
var rev = "fwd";
function titlebar(val)
{
var msg  = "ΕΔΩ ΒΑΖΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ";
var res = " ";
var speed = 100;
var pos = val;

msg = "   |--- "+msg+" ---|";
var le = msg.length;
if(rev == "fwd"){
 if(pos < le){
 pos = pos+1;
 scroll = msg.substr(0,pos);
 document.title = scroll;
 timer = window.setTimeout("titlebar("+pos+")",speed);
 }
 else{
 rev = "bwd";
 timer = window.setTimeout("titlebar("+pos+")",speed);
 }
}
else{
 if(pos > 0){
 pos = pos-1;
 var ale = le-pos;
 scrol = msg.substr(ale,le);
 document.title = scrol;
 timer = window.setTimeout("titlebar("+pos+")",speed);
 }
 else{
 rev = "fwd";
 timer = window.setTimeout("titlebar("+pos+")",speed);
 }
}
}

titlebar(0);
</script>

.............................................................................................................................................. 
ΑΛΛΑΓΕΣ
Γράφετε το κείμενο που θέλετε εκεί που βλέπετε στον κώδικα και πατάτε Αποθήκευση!

Αυτό ήταν!

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







Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog