Widget εμφανισης banner με τυχαία σειρά! - Random Banner Widget
Μια ακόμη χρήσιμη εφαρμογή για την ιστοσελίδα μας ...
Πρόκειται για ένα gadget στο οποίο προσθέτετε διάφορα banners και αυτό εμφανίζει μόνο ένα κάθε φορά. Η εναλλαγή ανάμεσα στα διάφορα banners γίνεται με τυχαία σειρά!
Αυτά τα blogs λοιπόν μπορούν να κάνουν το blog τους πιο
ελαφρύ προσθέτοντας αυτό το banner, αφού ο επισκέπτης θα βλέπει μια φωτογραφία κάθε φορά και όχι όλες μαζί.
Ταυτόχρονα γίνεται και πιο ενδιαφέρον για τον επισκέπτη να βλέπει διαφορετική φώτο κάθε φορά που επισκέπτεται το blog σας.
Η προσθήκη του είναι πολύ απλή:
1. Σύνδεση στον λογαριασμό από το blogger.com
2. Πανόπτης > Σχεδίαση > (Στοιχεία Σελίδας) > Προσθήκη gadget > HTML/JavaScript
3. Επικολλείτε εκεί τον παρακάτω κώδικα και κάνετε μετά μερικές τροποποιήσεις σε αυτόν:
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'διεύθυνση 1' rel='nofollow' ><img src='διεύθυνση-της-φωτο 1' border='0'height='60px' width='468px' ></a>";
images[1] = "<a href = 'διευθυνση 2' rel='nofollow' ><img src='διευθυνση-της-φωτο 2' border='0'height='60px' width='468px' ></a>";
images[2] = "<a href = 'διευθυνση 3' rel='nofollow' ><img src='διευθυνση-της-φωτο 3' border='0'height='60px' width='468px' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
Τροποποιήσεις:
αλλάζετε το διεύθυνση 1 με τον σύνδεσμο στον οποίο θέλετε να οδηγεί το πρώτο banner που θα βάλετε
αλλάζετε το διεύθυνση-της-φωτο 1 με τον σύνδεσμο του banner σας, π.χ. http://www.cs.utsa.edu/~wagner/berlin/brand.jpg
μεταβάλλετε το μέγεθος του banner σας, αλλάζοντας τις μεταβλητές στα width και height
προσθέστε κ αλλες φωτογραφίες προσθέτοντας το παρακάτω:
images[0] = "<a href = 'διεύθυνση 1' rel='nofollow' ><img src='διευθυνση-της-φωτο 1' border='0' height='60px' width='468px' ></a>";
εκεί που λέει images[0] αλλάξτε το 0 κάθε φορά βάζοντας 1, 2, 3, κλπ. ανάλογα με το πόσα banner θα βάλετε
και στο τέλος στο new Array(3) , αντί για 3 βάλτε τον αριθμό των banner που βάλατε
ότι πρόβλημα προκύψει ==> σχόλιο!
Πηγές: http://widcraft.blogspot.com/2012/06/random-banner-widget-for-blogger.html
..
Δεν υπάρχουν σχόλια :