16 Σεπτεμβρίου 2011



2 Προσθέτοντας εναλλασόμενο banner

 Βρίσκεστε στην ευχάριστη θέση να διαφημίσετε τη σελίδα σας ή να διαφημίσετε μέσω αυτής. Ο πιο συχνός τρόπος είναι ένα μικρό κομμάτι κώδικα, μια φωτογραφία δλδ, μια λεζάντα η οποία πατώντας πάνω της οδηγήστε σε ότι διαφημίζει.

P.S. Ο ΑΑΤΟΝ είχε κάνει μια σχετική ανάρτηση πρίν ένα χρόνο "Εναλασσόμενα Banner διαφημίσεων", την οποία μπορείτε επίσης να διαβάσετε.

 Που τοποθετούμε το banner? Οπουδήποτε λειτουργεί ο html κώδικας. Πριν σας δείξω πως δημιουργούμε ένα banner που αλλάζει εικόνα και διαφήμιση κάθε φορά που επιστρέφουμε στη σελίδα, πάμε να δούμε πως δημιουργούμε ένα απλό bannerάκι.

 Τρόπος νάμπερ ουαν: το παίζουμε τεμπέλιδες. To mybannerMaker είναι το απόλυτο εργαλείο για το bannerακι σας. Μόνο που θα υποστείτε τις συνέπειες: το link του site που το δημιούργησε στο αποτέλεσμά σας.

Τρόπος νάμπερ του: Kώδικας . Δείτε το παράδειγμα:





<a href="http://www.travel-explorer.com/australia-best-beaches/" target="_blank">
<img src="http://www.quackit.com/pix/byron_bay_300x225.jpg" width="300" height="221" border="0" style="border:none;" alt="Photo of Byron Bay - one of Australia's best beaches!" />
</a>
</div>



 Όπου: Κόκκινο το link που θέλουμε να οδηγεί η εικόνα. Πράσινο το link της εικόνας όπου την έχουμε αποθηκεύσει online (βλέπε photobucket) και μώβ η περιγραφή της. Αυτά τα προσθέτετε εσείς. Αν γνωρίζετε και λίγο παραπάνω html μπορείτε να αλλάξετε και τα υπόλοιπα δεδομένα, να προσθέσετε πχ border αλλάζοντας την αξία από none σε 1, 2 κτλ κτλ.

 Πάμε να δούμε πως δημιουργούμε το εναλλασόμενο τώρα. Δίνουμε βάση στον εξής κώδικα.

<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>

 Εδώ αφήνουμε το απλοποιημένο επίπεδο της hmtl και περνάμε στη javascript, τη γλώσσα που μας επιτρέπει να δίνουμε ζωή στις σελίδες μας. Κούλαρε! και εγώ πανικοβλήθην όταν είδα το κατεβατό. Είναι όμως απλό γιατί όπως στην html έτσι και εδώ αλλάζουμε τις αξίες και κρατάμε το αποτέλεσμα. 
Το συγκεκριμένο κομμάτι κώδικα είναι για εναλλασόμενο banner 3 εικόνων. Μαντεύεις να υποθέσω γιατί χρησιμοποιήσα τα ίδια χρώματα με τον πάνω κώδικα? Γιατί είναι ακριβώς το ίδιο. 

Παράδειγμα?



<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='www.GOOGLE.com><IMG name=randimg SRC='http://www.photobucket.com......' border='0' ALT='Google Main Page'></A>"
b[n++]= "<A HREF='www.Yahoo.com'><IMG name=randimg SRC='http://www.photobucket.com....' border='0' ALT='Yahoo Mail'></A>"
b[n++]= "<A HREF='www.Ebay.com'><IMG name=randimg SRC='http://www.photobucket.com.....' border='0' ALT='EBAY'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>

 Εύκολο. Ναι? Καλό σας βράδυ!
 Music: Gackt - Mirror | Mood: Tired but satisfied.





Print this post



Related Posts :



2 σχόλια:

MARY είπε... Best Blogger Tips

Καλημέρα και ευχαριστώ!


astazzia είπε... Best Blogger Tips

Αψογη,βήμα-βήμα,το παλεύω και 'γω.Ευχαριστώ.


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

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next