Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Κείμενο που ακολουθεί το βελάκι του ποντικιού


Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αν θέλετε να έχετε ένα ξεχωριστό blog που να διαφέρει από τα υπόλοιπα τότε πρέπει να διαβάσετε αυτό το ποστ!
Θα σας δείξω πως να βάλετε στο blog σας κείμενο που θα ακολουθεί το βελάκι του ποντικιού των επισκεπτών σας όταν αυτοί είναι μέσα στο blog σας.
Αυτό θα κάνει το blog σας ξεχωριστό!

Για να το βάλετε στο blog σας ,ακολουθήστε τα παρακάτω βήματα:

1. Συνδεθείτε στον λογαριασμό σας

2. Πανόπτης >Διάταξη >Προσθήκη gadget >HTML/JavaScript

3. Επικολλήστε εκεί τον παρακάτω κώδικα:


<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='ΓΡΑΨΤΕ ΕΔΩ ΟΤΙ ΚΕΙΜΕΝΟ ΘΕΛΕΤΕ...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>


Αλλάξτε το κείμενο που σας έχω μαρκάρει με κίτρινο και γράψτε αυτό που θέλετε να ακολουθεί το ποντίκι σας.
(Συμβουλή:μην βάλετε μεγάλο κείμενο 'το πολύ 2-3 λέξεις)

4. Μην ξεχάσετε να πατήσετε αποθήκευση κι είστε έτοιμοι!

Τον κώδικα του παραπάνω widget μου τον έστειλε ο φίλος Magakos

Stumble
Delicious
Technorati
Twitter
Facebook

14 comments:

Ανώνυμος είπε...

ΚΑΛΗΣΠΕΡΑ:) ΠΟΛΥ ΚΑΛΟ!!!

SKANDALOS είπε...

Καλησπέρα Γιάννη, πολύ καλό.
Το έχω ήδη βάλει.

Σταλαγματιά είπε...

Εγώ πάλι μπερδεύτηκα :)))
Ποιος είναι ο κωδικός;
Δηλαδή από ξεκινά και που τελειώνει;
:)))))))))))))

Πάντα τελευταία τα καταφέρνω :))))))))))

bloggertips.gr είπε...

Ναι ειναι οντως πολυ καλο Makedon και aluor.
Σταλαγματια μου ο κωδικος ειναι αυτος που ειναι στο γκρι πλαισιο.

Σταλαγματιά είπε...

Yes yes yes
You the best
thenkssssssssssssssssssssss

liza είπε...

καλημερα!!!μου αρεσε πολυ το βελακι.το εβαλα κ εγω στο blog μου!!!!

visaltis.net είπε...

Κατσε καλά..

bloggertips.gr είπε...

καλησπερα σας,

οπως βλεπω δεν αντιμετωπισατε καποιο προβλημα και το βαλατε κανονικα.
ειναι οντως πολυ "ξεχωριστο" trick.

Ανώνυμος είπε...

ΚΑΛΗ ΣΑΣ ΜΕΡΑ. ΟΝΤΩΣ ΕΙΝΑΙ ΦΟΒΕΡΟ. ΜΠΡΑΒΟ ΣΑΣ !

bloggertips.gr είπε...

Καλημέρα Kogionaro!

Radio Paranoid είπε...

KAΛΗΣΠΕΡΑ Γιάννη ΤΟ ΕΒΑΛΑ

bloggertips.gr είπε...

καλησπερα radio paranoid.καιρο ειχαμε να τα πουμε.
καλο μεσημερι

Ανώνυμος είπε...

ΠΟΛΥ ΚΑΛΟΟΟΟΟΟ!!!ΣΕ ΕΥΧΑΡΙΣΤΩ!:)

Ανώνυμος είπε...

Δεν ακολουθεί το ποντίκι και φευγει εξω απο τα όρια της σελίδας

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *