Animated Window Opener Script.

Σήμερα θα σας δείξουμε πως μπορείτε να περάσετε ένα πολύ ωραίο εφέ για τους συνδέσμους στο blog σας...Πατώντας τον σύνδεσμο της επιλογής σας το αναδυόμενο παράθυρο θα ανοίγει με κίνηση.Μπορείτε να το περάσετε στη σελίδα σας για διάφορες χρήσεις πχ για την λίστα συνδέσμων σας, άλλα και για κάθε εξωτερικούς ή εσωτερικούς συνδέσμους.Μπορείτε να πάρετε μια γεύση του πατώντας έναν σύνδεσμο από την λίστα ιστοσελίδων στο test blog μου.
Για να τo περάσετε κάνετε τα εξής:

1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<script>

<!--

var winheight=100

var winsize=100

var x=5

function openwindow(thelocation){

temploc=thelocation

if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){

window.open(thelocation)

return

}

win2=window.open("","","scrollbars")

win2.moveTo(0,0)

win2.resizeTo(100,100)

go2()

}

function go2(){

if (winheight>=screen.availHeight-3)

x=0

win2.resizeBy(5,x)

winheight+=5

winsize+=5

if (winsize>=screen.width-5){

win2.location=temploc

winheight=100

winsize=100

x=5

return

}

setTimeout("go2()",10)

}

//-->

</script>

<p><a href="javascript:openwindow('http://www.freeware-tools.net/')">Freeware-tools.net</a></p>

<p><a href="javascript:openwindow('http://www.freeware-tools.com/')">Freeware-tools.com</a></p>

Αποθηκεύστε και είναι έτοιμο...Tις βασικές αλλαγές που θα χρειαστεί να κάνετε στον κώδικα τις έχω χρωματίσει με κόκκινο.
Συγκεκριμένα:
Στο σημείο setTimeout("go2()",10) αλλάξτε το "10" για να καθορίσετε την ταχύτητα ανοίγματος του παραθύρου...Μικραίνοντας τον αριθμό επιταχύνεται ενώ μεγαλώνοντας τον αριθμό επιβραδύνεται ο χρόνος ανοίγματος.

Στα σημεία:

<p><a href="javascript:openwindow('http://www.freeware-tools.net/')">Freeware-tools.net</a></p>

και

<p><a href="javascript:openwindow('http://www.freeware-tools.com/')">Freeware-tools.com</a></p>

Απλά αλλάζετε τους συνδέσμους που υπάρχουν με όποιους θέλετε εσείς πχ αν θα θέλατε το ανοιγόμενο παράθυρο να οδηγεί στο google, δίνετε το url του google και την ονομασία του...

<p><a href="javascript:openwindow('http://www.google.gr/')">Google.gr</a></p>

Αν θελήσετε να προσθέσετε και άλλα λινκ μπορείτε εύκολα περνώντας για κάθε extra λινκ τον κώδικα <p><a href="javascript:openwindow('http://www.freeware-tools.com/')">Freeware-tools.com</a></p>
και τον διαμορφώνετε με τους δικούς σας συνδέσμους ενώ αν θέλετε να αφαιρέσετε λινκ απλά διαγράφετε τον ίδιο κώδικα για κάθε λινκ που θέλετε να αφαιρεθεί...

Edit 29/10/2010
Aν θελήσετε να δώσετε  τον ανοιγόμενο σύνδεσμο με μορφή εικόνα-διεύθυνση αντί για κείμενο-διεύθυνση τότε αντικαταστήστε το  σημείο:

<p><a href="javascript:openwindow('http://www.freeware-tools.net/')">Freeware-tools.net</a></p>

Με τον παρακάτω κώδικα

<p><a href="javascript:openwindow('http://www.freeware-tools.net')"><img src="http://i38.tinypic.com/zlb0rd.jpg" /></a></p>

Και απλά αντικαθιστάτε τα λινκ εικόνας και προορισμού με τα δικά σας...

Ίσως να σου αρέσουν και αυτά: