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

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


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα σας από τον 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/

Stumble
Delicious
Technorati
Twitter
Facebook

7 comments:

Ηλίας Στόϊκος είπε...

Συγχαρητήρια για τα αποτελέσματα στις πανελλαδικές. Τις καλύτερες ευχές μου για μια καλή καριέρα αρχικά στο Πανεπιστήμιο και μετά στον στίβο της ζωής. Τα φοιτητικά χρόνιθα είναι τα καλύτερα και ελπίζω να τα ζήσεις σαν μια περιπέτεια και τίποτα περισσότερο η λιγότερο.

JK O SΚΡΟΥΤΖΑΚΟS είπε...

Υστερα απο αρκετη απουσια καλοκαιριου περνώ απο τους φιλους να μαθω νεα τους και να ευχηθω για το νεο μηνα.Μακάρι αυτός ο μήνας να είναι όμορφος , γεμάτος με τύχη και πολλά χαμόγελα γιατί χρειαζόμαστε κάθε σταγόνα θετικής ενέργειας!Καλό μας μήνα λοιπόν με υγεια πανω απ όλα και καλο φθινοπωρο!!!
ΣΥΓΧΑΡΗΤΗΡΙΑ για την επιτυχια σου!!!!!!!!!!!!!!

bloggertips.gr είπε...

@Ηλίας Στόϊκος

σε ευχαριστώ πολύ για τα καλά σου λόγια!

@JK O SΚΡΟΥΤΖΑΚΟS

καλό φθινόπωρο και σε σένα φίλε μου!

m.g είπε...

Συγχαρητήρια για την επιτυχία σου στις πανελλήνιες. Να ζήσεις όμορφα τη φοιτητική σου ζωή.!!!!!

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

Φίλε αμα σου ειναι ευκολο μπες λιγο στο ε-μαιλ (help@blog...) και απαντα ligo sto e-mal me to onoma giorgos

bloggertips.gr είπε...

thanks mg !

γιωργο νομιζω σου απαντησα!

Administrator είπε...

καλησπερα ανεβασα ενα banner στο imageshack εβαλα το link εκει που λες διευθυνση 1 αλλα δεν μου εμφνιζει το banneraki στο blog.

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

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

ΟΧΙ 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 *