Widget εμφανισης banner με τυχαία σειρά! - Random Banner Widget

Καλησπέρα σας από τον admin,

μετά από blog-ο-αποχή αρκετών μηνών -ίσως και χρόνου- αποφάσισα να γράψω μια ανάρτηση. Απείχα από το blogging λόγω πανελληνίων εξετάσεων, στις οποίες πήγα καλά και πέρασα εκεί που ήθελα. Τον τελευταίο καιρό, όπως θα διαπιστώσατε άλλωστε, η ροή νέων αναρτήσεων είναι απελπιστικά μικρή και αυτό σκοπεύω να αλλάξει σιγά-σιγά (θα χρειαστεί χρόνος για να επανέλθω 100%), αρχίζοντας από σήμερα ουσιαστικά με μια νέα ανάρτηση.

Πρόκειται για ένα gadget στο οποίο προσθέτετε διάφορα banners και αυτό εμφανίζει μόνο ένα κάθε φορά. Η εναλλαγή ανάμεσα στα διάφορα banners γίνεται με τυχαία σειρά!

Είναι ιδανικό για blogs τα οποία έχουν πολλές φωτογραφίες στην αρχική τους σελίδα.
Αυτά τα 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
Copyrights: http://www.bloggertips.gr/