ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΜΕ ΔΙΑΦΟΡΕΤΙΚΑ STYLE

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΜΕ ΔΙΑΦΟΡΕΤΙΚΑ STYLE
Αυτό το έγχρωμο οριζόντιο μενού έχει διαφορετικό style για κάθε μενού και υπομενού του. Μπορείτε να αλλάξετε το πλάτος του μενού αλλάξοντας το width:130px; που βρίσκετε εντός του style. Μπορείτε να αλλάξετε το background και το χρώμα κειμένου του μενού αλλάζοντας τον 6ψήφιο κώδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #

ΜΟΡΦΟΠΟΙΗΣΗ ΤΟΥ BLOG PAGER

ΜΟΡΦΟΠΟΙΗΣΗ ΤΟΥ BLOG PAGER
Μπορείτε να αλλάξετε τα χρώματα background του blog pager και των links του, προσθέτωντας 3-4 γραμμές κώδικα στην ενότητα Posts που βρίσκεται πρίν την ετικέτα ]]></b:skin> Αναζητήστε με τα πλήκτρα Ctrl+F την ετικέτα #blog-pager και όταν μεταφερθήτε σε αυτήν σβήστε την και στη θέση της αντιγράψτε τις παρακάτω 4 γραμμές κώδικα.

ΓΕΝΙΚΗ ΡΥΘΜΙΣΗ ΔΙΑΣΤΑΣΕΩΝ ΕΙΚΟΝΩΝ ΣΕ PHOTO GALLERY

PHOTO GALLERY
ΓΕΝΙΚΗ ΡΥΘΜΙΣΗ ΔΙΑΣΤΑΣΕΩΝ ΕΙΚΟΝΩΝ ΣΕ PHOTO GALLERY
Για να ρυθμίσετε μαζικά όλες τις εικόνες μιάς photo gallery στο ίδιο πλάτος και ύψος θα πρέπει όλες οι εικόνες να είναι μεγαλύτερες από τις διαστάσεις που θέλετε να εμφανίζονται στην photo gallery και φυσικά να έχουν όλες την ίδια αναλογία για να μην δημιουργούνται κενά. 

ΠΟΥ ΝΑ ΑΝΕΒΑΣΩ ΔΩΡΕΑΝ ΤΙΣ ΦΩΤΟΓΡΑΦΙΕΣ ΜΟΥ

FREE IMAGE HOSTING
50 FREE IMAGE HOSTING SITES
Παρακάτω έχω συγκεντρώσει 55 image hosting sites που μπορείτε να ανεβάσετε δωρεάν τις φωτογραφίες σας. Θα πρέπει να κοιτάξετε πόσο χώρο δίνουν δωρεάν, αν έχουν την δυνατότητα ενσωμάτωσης slideshow και photo gallery, αν μπορούν να δεχτουν, εκτός από εικόνες και βίντεο. Σημαντικό είναι επίσης να μπορούν να σας παρέχουν ιδιωτικά και δημόσια links των άλμπουμ και των εικόνων αυτών μεμονομένα. Κάντε κλίκ στο link του site θα ανοίξει για να το δείτε σε νέα καρτέλα.

SLIDESHOW WITH TUMBNAILS No 7

SLIDESHOW WITH THUMBNAILS
SLIDESHOW WITH TUMBNAILS No 7
Το παρακάτω slideshow μας δείχνει τις εικόνες του στο μέγεθος που θα του ορίσουμε όταν πατήσουμε με το ποντίκι μας πάνω στις μικρογραφίες των εικόνων που εμφανίζονται στο κάτω μέρος του slideshow. Είναι πολύ απλό και μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του. Οι διαστάσεις του slideshow μπορούν να αλλάξουν αλλάζοντας το width:960px; στη 2η γραμμή του κώδικα και το height:600px; στη 3η γραμμή του κώδικα.

CAROUSEL SCROLLING SLIDESHOW

CAROUSEL SLIDER
CAROUSEL SCROLLING SLIDESHOW
Το παρακάτω carousel scrolling slideshow είναι πολύ απλό και ελαφρύ δεν χρειάζεται να φορτώσει jquery και είναι προσαρμόσιμο σε πλάτος, ύψος, αριθμό εικόνων και ταχύτητα κύλισης. Στο πρώτο width:1000px; height:150px; αλλάζετε το πλατος και το ύψος του slideshow στο τρίτο width:200px; height:125px; αλλάζετε το πλάτος και το ύψος των εικόνων που βρίσκονται εντός του slideshow. Αντικαταστήστε τα δικά μου γαλάζια και τα πράσινα links των εικόνων με τα δικά σας.

ΕΥΚΟΛΟΙ ΚΩΔΙΚΟΙ ΧΡΩΜΑΤΩΝ - HEX COLOR CODES Νο 2

COLOR CODES
ΕΥΚΟΛΟΙ ΚΩΔΙΚΟΙ ΧΡΩΜΑΤΩΝ - HEX COLOR CODES Νο 2
Στον παρακάτω πίνακα μπορείτε να βρείτε εύκολους κωδικούς χρωμάτων που θα χρειαστείτε για να δώσετε το δικό σας style στις αναρτήσεις σας, τα gadgets σας και τα κείμενά σας. Αν θέλετε κάποιο ενδιάμεσο χρώμα που δεν υπάρχει στον παρακάτω πίνακα μπορείτε να πάτε στο τέλος και δεξιά αυτού του ιστολογίου όπου υπάρχει ειδικό widget γεννήτρια χρωμάτων και των δεκαεξαδικών κωδικών τους. Οι κωδικοί των παρακάτων πινάκων είναι οι πλέον ευκολότεροι που υπάρχουν. Αποστηθίστε τους να τους θυμάστε εύκολα και να μην ψάχνετε πίνακες.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΧΑΡΤΗ ΜΕ ΕΙΚΟΝΕΣ ΑΠΟ ΤΟ PANORAMIO

panoramio-map
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΧΑΡΤΗ ΜΕ ΕΙΚΟΝΕΣ ΑΠΟ ΤΟ PANORAMIO
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα χάρτη με είκόνες από το panoramio στο blog σας. Αυτά που πρέπει να αλλάξετε στον κώδικα είναι το γεωγραφικό πλάτος και μήκος της τοποθεσίας που θέλετε να ενσωματώσετε. Δηλαδή τα lt=37.700584 & ln=26.817070. Το γεωγραφικό μήκος και πλάτος βρίσκετε εντός του url του panoamio όταν πλοηγήστε στο χάρτη. Στο ίδιο url θα βρείτε και το επίπεδο zoom &z=6 αλλά και το είδος του χάρτη &k=2.

ΠΩΣ ΒΑΖΩ PHOTO GALLERY ΑΠΟ ΤΟ PANORAMIO

panoramio-photo-gallery
ΠΩΣ ΒΑΖΩ PHOTO GALLERY ΑΠΟ ΤΟ PANORAMIO
Με τον παρακάτω κώδικα μπορείτε να βάλετε μία photo gallery από το panoramio στο blog σας. Αυτά που πρέπει να αλλάξετε στον κώδικα είναι το tag με τα κίτρινα γράμματα που γράφει Samos island το user id με το γαλάζιο νούμερο 1714848, τις διαστάσεις με τα γαλάζια νούμερα 960 & 620, (σε 2 σημεία), το χρώμα background που είναι black και τέλος αλλάξτε και τα γαλάζια νούμερα εκεί που γράφει &rows=6&columns=10 για να ρυθμίσετε τις γραμμές και τις στήλες που θέλετε να έχει η photo gallery. Δείτε τη photo gallery ενσωματωμένη ακρίβώς κάτω από εδώ.

ΠΩΣ ΒΑΖΩ SLIDESHOWS ΑΠΟ ΤΟ PANORAMIO

panoramio-slideshow
ΠΩΣ ΒΑΖΩ SLIDESHOWS ΑΠΟ ΤΟ PANORAMIO
Με τους παρακάτω 3 διαφορετικούς κώδικες μπορείτε να βάλετε slideshows από το panoramio. Στον 1ο κώδικα αυτά που πρέπει να αλλάξετε είναι το tag με τα κίτρινα γράμματα που γράφει Samos island το user id με το γαλάζιο νούμερο 1714848, τις διαστάσεις με τα γαλάζια νούμερα 960 & 620, (σε 2 σημεία), το χρώμα background που είναι black και τέλος το χρόνο εναλλαγής των slides σε δευτερόλεπτα που είναι 3.5. Δείτε το slideshow σε λειτουργία ακρίβώς κάτω από εδώ.

ΑΝΑΛΟΓΙΚΟ ΡΟΛΟΪ ΓΙΑ ΤΟ BLOG ΣΑΣ

ANALOG CLOCK
ΑΝΑΛΟΓΙΚΟ ΡΟΛΟΪ ΓΙΑ ΤΟ BLOG ΣΑΣ
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα αναλογικό ρολόϊ στο blog σας. Μπάινει απλά σαν gadget και οι διαστάσεις του ρυθμίζονται στην 2η γραμμή του κώδικα εκεί που γράφει width:200px; height:200px; Τα χρώματα επίσης μπορούν να αλλάξουν εάν αλλάξετε τους 6ψήφιους κωδικούς που έχουν μπροστά τους το σύμβολο της δίεσης #.

ΠΩΣ ΑΛΛΑΖΩ ΤΟ ΠΡΟΤΥΠΟ ΤΟΥ BLOG ΜΟΥ

ΑΛΛΑΓΗ ΠΡΟΤΥΠΟΥ
ΠΩΣ ΑΛΛΑΖΩ ΤΟ ΠΡΟΤΥΠΟ ΤΟΥ BLOG ΜΟΥ
Στο παρακάτω βίντεο θα δείτε πως μπορείτε να αλλάξετε το πρότυπο του blog σας. Σας προτείνω να κατεβάσετε και να εγκαταστήσετε κάποιο από τα πρότυπα που έχω ανεβάσει στο φάκελο του box που βρίσκεται ακριβώς από κάτω από το βίντεο γιατί τα έχω ήδη ρυθμίσει να έχουν μειωμένα κενά, στρογγυλεμένες άκρες, 2 πλαϊνές μπάρες, υποσέλιδο με 3 θέσεις gadget, ημιδιαφάνεια στο background, μετρητή προβολών, αναρτήσεων και σχολίων και κουμπιά read more και like.

ΚΙΝΟΥΜΕΝΕΣ ΕΙΚΟΝΕΣ GIF ΓΙΑ BACKGROUND

GIF BACKGROUND
ΚΙΝΟΥΜΕΝΕΣ ΕΙΚΟΝΕΣ GIF ΓΙΑ BACKGROUND
Μπορείτε να βάλετε για background αντί για μια σταθερή εικόνα, μία κινούμενη εικόνα GIF η οποία θα επαναλαμβάνεται σαν πλακίδιο ή μπορεί αν είναι μεγάλου μεγέθους να μην επαναλαμβάνεται αλλά να είναι σταθερή. Αν η εικόνα αυτή είναι κάτω από 300ΚΒ την βάζετε με τον γνωστό τρόπο της μεταφόρτωσης μέσα από την προσαρμογή του blogger. Αν είναι μεγαλύτερη από 300ΚΒ τότε διαβάστε πώς θα την βάλετε σε αυτή την ανάρτηση.

ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 2

CALENDAR FOR BLOGGER
ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 2
Με το παρακάτω script μπορείτε να βάλετε ένα μηνιαίο ημερολόγιο σε όποια πλευρική μπάρα του blog σας θέλετε ή σε όποιοδήποτε άλλο σημείο του blog σας ταιριάζει καλύτερα. Για να αλλάξετε τα χρώματα και τις διαστάσεις του ημερολογίου πηγαίνετε στο μέσον περίπου του κώδικα και αλλάξτε τα γαλάζια νούμερα και τους 6ψήφιους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης. Δείτε το σε λειτουργία ακριβώς κάτω από εδώ.

ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 1

calendar-widget
ΜΗΝΙΑΙΟ ΗΜΕΡΟΛΟΓΙΟ ΓΙΑ ΤΟ BLOG ΣΑΣ Νο 1
Με το παρακάτω script μπορείτε να βάλετε ένα μηνιαίο ημερολόγιο σε όποια πλευρική μπάρα του blog σας θέλετε ή σε όποιοδήποτε άλλο σημείο του blog σας ταιριάζει καλύτερα. Για να αλλάξετε τα χρώματα και τις διαστάσεις του ημερολογίου πηγαίνετε στο μέσον περίπου του κώδικα και αλλάξτε τα γαλάζια νούμερα και τους 6ψήφιους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης. Δείτε το σε λειτουργία ακριβώς κάτω από εδώ.

PHOTO GALLERY ΜΕ SCROLL BAR

PHOTO GALLERY
PHOTO GALLERY ΜΕ SCROLL BAR
Με τον παρακάτω κώδικα μπορείτε να βάλετε μια photo gallery μεσα στην ανάρτησή σας ή στη σελίδα σας ή απλά σαν gadget σε όποιο μέρος του ιστολογίου σας θέλετε αρκεί να προσαρμόσετε τις διαστάσεις της. Το 1ο width: 960px; είναι το πλάτος ανάρτησης που διαθέτετε. Τα υπόλοιπα height:360px;width:190px; είναι το ύψος και το πλάτος για την κάθε photo gallery ξεχωριστά. Τα γαλάζια και πράσινα links των εικόνων πρέπει να τα αντικαταστήσετε με τα δικά σας.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΕΙΚΟΝΙΔΙΑ

ICONS-MENU
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΕΙΚΟΝΙΔΙΑ
Αυτό είναι ένα οριζόντιο μενού που αποτελείται από εικονίδια που περιγράφουν το περιεχόμενο τους είτε με εικόνα είτε με κείμενο είτε και με τα δύο μαζί. Τα εικονίδια αυτά μπορείτε να τα αναζητήσετε και να τα κατεβάσετε από την αναζήτηση εικόνων στο google. Αφού τα κατεβάσετε ανεβάστε τα σε ένα λεύκωμα του google plus και από εκεί πάρτε το url του κάθε εικονιδίου και αντικαταστήστε τα δικά μου πορτοκαλί links των εικονιδίων αν δεν σας αρέσουν.

ΕΓΧΡΩΜΑ ΚΥΛΙΟΜΕΝΑ ΚΕΙΜΕΝΑ ΜΕ ΣΥΝΔΕΣΜΟΥΣ

SCROLLING TEXT
ΕΓΧΡΩΜΑ ΚΥΛΙΟΜΕΝΑ ΚΕΙΜΕΝΑ ΜΕ ΣΥΝΔΕΣΜΟΥΣ
Με τον παρακάτω κώδικα μπορείτε να βάλετε έγχρωμα κυλιόμενα κείμενα που περιέχουν τίτλους με συνδέσμους. Το πλάτος και το ύψος το ρυθμίζετε εκεί που γράφει width="480" height="300". Τα χρώματα των backgrounds και των κειμένων τα αλλάζετε εκεί που υπάρχει ο 6ψήφιος αριθμός χρώματος με το σύμβολο της δίεσης # μπροστά του. Αντικαταστήστε τα γαλάζια links, τον κίτρινο τίτλο και το κείμενο της περιγραφής.

ΠΡΟΒΟΛΗ TEXT BOX ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ

TEXT BOX
ΠΡΟΒΟΛΗ TEXT BOX ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ
Με τον παρακάτω κώδικα μπορείτε να προβάλετε πολλά text boxes επιλέγοντας κάθε φορά να εμφανίζεται ένα από τις επιλογές ενός αναπτυσόμενου μενου που βρίκεται πάνω από το text box. Αντικαταστήστε τις κίτρινες επιλογές του αναπτυσόμενου μενού με τις δικές σας επιλογές. Αντικαταστήστε και το κείμενο που αντιστοιχεί για την κάθε επιλογή με το δικό σας κειμενο. Αλλάξτε τα χρώματα της μπάρας των επιλογών και του background του text box αλλάζοντας τον 6ψηφιο αριθμό χρωματος του οποίου προηγείται το σύμβολο της δίεσης #.

ΠΡΟΒΟΛΗ ΕΙΚΟΝΩΝ ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ

ΕΙΚΟΝΑ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POPUP
ΠΡΟΒΟΛΗ ΕΙΚΟΝΩΝ ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ
Με τον παρακάτω σύντομο κώδικα μπορείτε να προβάλετε σε pop up window τις εικόνες που περιέχονται μέσα σε ένα αναπτυσόμενο μενού. Πάνω από την εικόνα μπορείτε να βάλετε και τίτλο, απλά αντικαταστήστε τους δικούς μου τίτλους εικόνων με τα κίτρινα γράμματα με τους δικούς σας. Τα links των εικόνων έχουν επισημανθεί με γαλάζιο χρώμα και πρέπει να βάλετε τα δικά σας στη θέση τους. Οι διαστάσεις των εικόνων καλό θα ήταν να είναι οι ίδιες και αν είναι δυνατόν να περιέχονται μεσα στο url των εικόνων όπως έχω κάνει με την πρώτη εικόνα η οποία είναι ανεβασμένη στο google plus και δίνει διαστάσεις μέσα στο url της. Ο κώδικας μπορεί να μπεί απλά σαν gadget ή ακόμα και μέσα σε σελίδες και αναρτήσεις όπως εδώ ακριβώς από κάτω.

ΠΩΣ ΑΛΛΑΖΩ ΤΟΝ ΚΕΡΣΟΡΑ ΤΟΥ ΠΟΝΤΙΚΙΟΥ ΣΤΟ BLOG ΜΟΥ

mouse cursors
ΠΩΣ ΑΛΛΑΖΩ ΤΟΝ ΚΕΡΣΟΡΑ ΤΟΥ ΠΟΝΤΙΚΙΟΥ ΣΤΟ BLOG ΜΟΥ
Μπορείτε με την προσθήκη μίας γραμμής κώδικα να αλλάξετε την εμφάνιση του κέρσορα του ποντικιού μέσα στο blog σας. Την γραμμή αυτή μπορείτε να την βάλετε είτε μέσα στο πρότυπο πρίν την ετικέτα ]]></b:skin> είτε απλά σαν gadget με την προσθήκη ενός <style> στην αρχή και ενός </style> στο τέλος της γραμμής. Τα εικονίδια που υπάρχουν στους παρακάτω κώδικες και άλλα περισσότερα μπορείτε να τα κατεβάσετε από τον ενσωματωμένο φάκελο του google drive που βρίσκεται στο τέλος αυτής της ανάρτησης.

3D CUBE SLIDESHOW

3d-slideshow
3D CUBE SLIDESHOW
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα 3D CUBE SLIDESHOW στο blog σας.
Μπορείτε να αλλάξετε αν θέλετε τα μεγέθη των εικόνων αλλά αναλογικά πάντα για να μην έχετε παραμόρφωση. Οι διαστάσεις αλλάζουν στην 2η γραμμή του κώδικα style αλλά και στην 6η γραμμή του κώδικα script εκεί που γράφει dimensions: [640, 400]. Τις εικόνες του συγκεκριμένου slideshow πρέπει να τις βάλετε μέσα στο script αντικαθιστώντας τις δικές μου με τα γαλάζια link. Δείτε το 3D CUBE SLIDESHOW σε λειτουργία ακριβώς κάτω από εδώ .

CAROUSEL SLIDESHOW WITH BUTTONS No 3

CAROUSEL SLIDESHOW
CAROUSEL SLIDESHOW WITH BUTTONS No 3
Αυτό το carousel slideshow ξεκινάει μόνο του και μπορεί να εμφανίσει σε κάθε του πέρασμα 4 εικόνες με περιγραφή. Υπάρχει η δυνατότητα να πλοηγηθήτε στις εικόνες του με τα κουμπιά πλοήγησης next και previous που διαθέτει. Μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του. Οι διαστάσεις του slideshow μπορούν να αλλάξουν αλλάζοντας τα γαλάζια νούμερα του width και του height στη 2η γραμμή του κώδικα <style>

SLIDESHOW ΜΕ 3 ΕΠΙΛΟΓΕΣ ΠΛΟΗΓΗΣΗΣ

SLIDESHOW
SLIDESHOW ΜΕ 3 ΕΠΙΛΟΓΕΣ ΠΛΟΗΓΗΣΗΣ
Το παρακάτω slideshow έχει πολλαπλές επιλογές πλοήγησης. Η πρώτη είναι να πατήσετε το button START για να ξεκινήσει να παρουσιάζει τις εικόνες του, η δεύτερη είναι να πατήσετε το button ►► και να δείτε μία προς μία τις εικόνες που περιέχει και ή τρίτη είναι να επιλέξετε από το αναπτυσόμενο μενού όποια εικόνα θέλετε να προβληθεί. Μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του.

SLIDESHOW WITH THUMBNAILS No 6

SLIDESHOW WITH THUMBNAILS
SLIDESHOW WITH THUMBNAILS No 6
Το παρακάτω slideshow με thumbnails έχει διαστάσεις 800px Χ 400px, ξεκινάει αυτόματα να δείχνει τις εικόνες του και έχει και την δυνατότητα να επιλέξουμε τις εικόνες που θέλουμε να δούμε από τις μικρογραφίες των εικόνων που εμφανίζονται κάθετα στο δεξιό μέρος του slideshow. Μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του.

SLIDESHOW WITH THUMBNAILS No 5

SLIDESHOW WITH THUMBNAILS
SLIDESHOW WITH THUMBNAILS No 5
Το παρακάτω slideshow με thumbnails ξεκινάει αυτόματα και μας δείχνει τις εικόνες του στο μέγεθος που θα του ορίσουμε, και έχει και την δυνατότητα να επιλέξουμε να δούμε κάποιες εικόνες από τις μικρογραφίες των εικόνων που εμφανίζονται στο κάτω μέρος του slideshow. Μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του. Οι διαστάσεις του slideshow μπορούν να αλλάξουν αλλάζοντας τα γαλάζια νούμερα στη 2η και 3η γραμμή του κώδικα.

SLIDESHOW WITH THUMBNAILS No 4

SLIDESHOW WITH THUMBNAILS
SLIDESHOW WITH THUMBNAILS No 4
Το παρακάτω slideshow μας δείχνει τις εικόνες του στο μέγεθος που θα του ορίσουμε όταν πατήσουμε με το ποντίκι μας πάνω στις μικρογραφίες των εικόνων που εμφανίζονται στο κάτω μέρος του slideshow. Είναι πολύ απλό και μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του. Οι διαστάσεις του slideshow μπορούν να αλλάξουν αλλάζοντας τα γαλάζια νούμερα στη 2η γραμμή του κώδικα. Οι διαστάσεις των μικρογραφιών των εικόνων αλλάζουν αλλάζοντας το γαλάζιο νούμερο που βρίσκεται αμέσως μετά από το γαλάζιο link των εικόνων.

SLIDESHOW WITH THUMBNAILS No 3

SLIDESHOW WITH THUMBNAILS
SLIDESHOW WITH THUMBNAILS No 3
Το παρακάτω slideshow μας δείχνει τις εικόνες του στο μέγεθος που θα του ορίσουμε όταν περάσουμε το ποντίκι μας πάνω από τις μικρογραφίες των εικόνων που εμφανίζονται στο κάτω μέρος του slideshow. Είναι πολύ απλό και μπορεί να μπεί σαν gadget σε οποιοδήποτε σημείο του blog μας αρκεί να προσαρμόσουμε τις διαστάσεις του. Οι διαστάσεις του slideshow μπορούν να αλλάξουν αλλάζοντας τα γαλάζια νούμερα στη 2η και 3η γραμμή του κώδικα. Οι διαστάσεις των μικρογραφιών των εικόνων αλλάζουν αλλάζοντας τα κίτρινα νούμερα που βρίσκονται αμέσως μετά από τα γαλάζια και πράσινα links των εικόνων.

ΑΝΑΔΥΟΜΕΝΟ TEXT BOX ΜΕ ΕΙΚΟΝΑ ΠΟΥ ΑΝΟΙΓΕΙ ΜΕ MOUSEOVER

TEXT BOX
ΑΝΑΔΥΟΜΕΝΟ TEXT BOX ΜΕ ΕΙΚΟΝΑ ΠΟΥ ΑΝΟΙΓΕΙ ΜΕ MOUSEOVER
Το παρακάτω text box ανοίγει σε όποια θέση του ιστολογίου σας θέλετε περνώντας το ποντίκι πάνω από τα έγχρωμα buttons. Η θέση του text box αλλάζει εκεί που γράφει position:fixed; top:31px;left:0px; και οι διαστάσεις του text box εκεί που γράφει width:480px; height:auto; Αντικαταστήστε τους κίτρινους τίτλους και τα πράσιναlinks των εικόνων με τα δικά σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #. Ο κώδικας μπορεί να μπεί απλά σαν gadget ή ακόμα και μέσα στο html της ανάρτησής σας όπως τον έχω βάλει εγώ ακριβώς κάτω από εδώ.

POPUP WINDOWS ΜΕ ΚΕΙΜΕΝΟ, ΕΙΚΟΝΕΣ ΚΑΙ ΒΙΝΤΕΟ

POPUP WINDOW
POPUP WINDOWS ΜΕ ΚΕΙΜΕΝΟ, ΕΙΚΟΝΕΣ ΚΑΙ ΒΙΝΤΕΟ
Με τον παρακάτω κώδικα μπορείτε να πατάτε ένα button και να ανοίγει ένα popup window το οποίο μπορεί να περιέχει κείμενο, εικόνες και βίντεο και θα κλείνει με close X. Οι διαστάσεις των popup windows αλλάζουν εάν αλλάξετε το .popup {width:auto;height:auto; Τα πράσινα links των εικόνων και των βίντεο αλλάξτε τα με τα δικά σας links.

ΑΝΑΔΥΟΜΕΝΟ TEXT BOX ΠΟΥ ΑΝΟΙΓΕΙ ME BUTTON

FLOATING TEXT BOX
ΑΝΑΔΥΟΜΕΝΟ TEXT BOX ΠΟΥ ΑΝΟΙΓΕΙ ME BUTTON
Το παρακάτω text box ανοίγει σε όποια στατική θέση του ιστολογίου σας θέλετε πατώντας πάνω σε ένα button. Η θέση του text box αλλάζει εκεί που γράφει position:fixed; top:0px;left:0px; και οι διαστάσεις του text box εκεί που γράφει width:490px; height:auto; Αντικαταστήστε τους κίτρινους τίτλους με τους δικούς σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #. Ο κώδικας μπορεί να μπεί απλά σαν gadget ή ακόμα και μέσα στο html της ανάρτησής σας.

MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΕΓΧΡΩΜΑ ΥΠΟΜΕΝΟΥ

MEGA MENU
MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΕΓΧΡΩΜΑ ΥΠΟΜΕΝΟΥ
Το παρακάτω mega menu αποτελείται από έγχρωμα buttons και έγχρωμα υπομενού που περιέχουν links από 1 εώς 5-6 στήλες ανάλογα με το πλάτος ιστολογίου που διαθέτετε. Αντικαταστήστε τα γαλάζια links και τους κίτρινους τίτλους των μενού με δικά σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #.