ΠΩΣ ΒΑΖΩ GOOGLE PLUS SLIDESHOW

GOOGLE+ SLIDESHOW
ΠΩΣ ΒΑΖΩ GOOGLE PLUS SLIDESHOW
Μπορείτε να βάλετε ένα google plus slideshow στο blog σας αρκεί να γνωρίζετε το όνομα χρήστη ή το id χρήστη του προφίλ σας ή της σελίδας που έχετε στο google plus. Αυτά βρίσκονται στην γραμμή διεύθυνσης url όταν προβάλετε ένα άλμπουμ που έχετε στο προφίλ σας ή στη σελίδα σας στο google plusΑφού αντιγράψετε αυτά τα 2 id χρήστη και άλμπουμ, πηγαίνετε στη σελίδα

ΑΡΧΕΙΟΘΗΚΗ ΜΕ ΕΙΚΟΝΙΔΙΑ, ΠΕΡΙΓΡΑΦΗ ΚΑΙ PAGE NAVIGATION

ΑΡΧΕΙΟΘΗΚΗ
ΑΡΧΕΙΟΘΗΚΗ ΜΕ ΕΙΚΟΝΙΔΙΑ, ΠΕΡΙΓΡΑΦΗ ΚΑΙ PAGE NAVIGATION
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας με εικονίδια, περιγραφή και page navigation. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω κώδικα. Αυτά που μπορείτε να αλλάξετε είναι :

ΑΥΤΟΜΑΤΗ ΑΡΧΕΙΟΘΗΚΗ ΣΕ ΚΑΡΤΕΛΕΣ

ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ
ΑΥΤΟΜΑΤΗ ΑΡΧΕΙΟΘΗΚΗ ΣΕ ΚΑΡΤΕΛΕΣ
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε σε μία σελίδα του blogger όλες τις αναρτήσεις του ιστολογίου σας ανά κατηγορίες ετικετών μέσα σε καρτέλες με την κάθε μία από αυτές να έχει το δικό της χρώμα background. Ανοίξτε μία σελίδα του blogger, πατήστε την HTML διάταξη και επικολλήστε μέσα στη σελίδα τον παρακάτω κώδικα.

IMAGE CAPTION HOVER EFFECT

CAPTION IMAGE EFFECT
IMAGE CAPTION HOVER EFFECT
Με τον παρακάτω κώδικα μπορείτε να βάλετε εικόνες οι οποίες όταν περνάτε το ποντίκι από πάνω τους θα μετακινούνται στα δεξιά και θα αποκαλύπτεται ένα κείμενο με την περιγραφή τους. Όταν βγάλετε το ποντίκι από πάνω τους τότε το κείμενο της περιγραφής θα καλύπτεται πάλι από την εικόνα. Οι διαστάσεις των συγκεκριμένων εικόνων είναι 314Χ196 και αν θέλετε να τις αλλάξετε πρέπει να το κάνετε σε όλα τα σημεία που θα τις συναντήσετε μέσα στον κώδικα.

TEXT BOX ΜΗΝΥΜΑΤΩΝ ΜΕ ΕΦΕ ΓΡΑΦΟΜΗΧΑΝΗΣ

TEXT EFFECT
TEXT BOX ΜΗΝΥΜΑΤΩΝ ΜΕ ΕΦΕ ΓΡΑΦΟΜΗΧΑΝΗΣ
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα text box με μηνύματα που θα εμφανίζονται με εφέ γραφομηχανής. Μπορείτε στην 1η γραμμή του κώδικα style να αλλάξετε το χρώμα background, το χρώμα το τύπο και το μέγεθος της γραμματοσειράς και τέλος το πάχος και το χρώμα του περιγράμματος του text box. Εντός του κώδικα texarea  μπορείτε να αλλάξετε τις στήλες (cols=30) και τις γραμμές (rows=10) του text box. Αλλάξτε τις προτάσεις που έχω χρωματίσει με κίτρινα και σομόν γράμματα με τις δικές σας προτάσεις. Οι προτάσεις δεν πρέπει να είναι μεγάλες. Δεν θα λειτουργήσει το gadget με μεγάλες προτάσεις. Δείτε το ακριβώς κάτω από εδώ .

ΠΩΣ ΒΑΖΩ LINKS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ)

TABS WIDGET
ΠΩΣ ΒΑΖΩ LINKS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ)
Με τον παρακάτω κώδικα μπορούμε να βάλουμε links με άλλα sites ή blogs ή έγγραφα ή εικόνες, ή βίντεο μέσα σε καρτέλες (tabs). Ο κώδικας αυτός μπαίνει απλά σαν gadget συνήθως στο υποσέλιδο του blog σας όπου υπάρχει μεγάλο πλάτος. Βάλτε τις δικές σας περιγραφές, αντικαθιστώντας τις δικές μου με τα κίτρινα γράμματα. Μετά διαγράψτε τα δικά μου μώβ link και βάλτε τα δικά σας. Αν θέλετε μπορείτε να αλλάξετε και τα χρώματα των καρτέλων αλλάζωντας τους 6ψήφιους κωδικούς που έχουν μπροστά τους το σύμβολο της δίεσης #.

SHOW / HIDE WIDGET BUTTON

SHOW HIDE BUTTON
SHOW / HIDE WIDGET BUTTON
Ο παρακάτω κώδικας μας επιτρέπει με το πάτημα ενός button να εμφανίζουμε και να κρύβουμε ένα widget κερδίζοντας έτσι χώρο στο blog μας. Εσείς απλά τοποθετήστε ένα κώδικα στη θέση του δικού μου κώδικα iframe και αλλάξτε την περιγραφή του κουμπιού που έχω επισημάνει με κίτρινα γράμματα. Τα υπόλοιπα αφήστε τα ως έχουν. Δείτε το κουμπί σε λειτουργία ακριβώς κάτω από εδώ .

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 2

ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ
ΠΡΟΣΦΑΤΑ ΣΧΟΛΙΑ ΜΕ AVATAR No 2
Με τον παρακάτω κώδικα θα εμφανίζονται τα πιο πρόσφατα σχόλια που έχουν γίνει στο blog σας και δίπλα τους στο αριστερό μέρος θα εμφανίζεται και το avatar αυτού που σχολίασε. Μπορείτε να αλλάξετε το πόσα σχόλια θα εμφανίζονται αλλάζοντας το &max-results=10. Μπορείτε να αλλάξετε το πόσοι χαρακτήρες θα εμφανίζονται στο κάθε σχόλιο αλλάζοντας το characters||250. Το μέγεθος του avatar αλλάζει εκεί που γράφει height: 50px;width: 50px;

SLIDESHOW WITH MOUSE WHEEL SCROLLING

SCROLLING SLIDESHOW
SLIDESHOW WITH MOUSE WHEEL SCROLLING
Το παρακάτω slideshow αλλάζει τις εικόνες του εάν πάμε το ποντίκι μας πάνω από αυτές και κάνουμε scrolling το ροδάκι του ποντικιού μας. Θα χρειαστεί να αλλάξετε τα πράσινα links των εικόνων του με δικές σας εικόνες, οι οποίες πρέπει να έχουν όλες την ίδια διάσταση. Το πρώτο γαλάζιο link αφορά την εικόνα που θα εμφανίζεται πρίν ακόμα κάνετε scrolling με το ροδάκι του ποντικιού σας. Ο κώδικας είναι πολύ απλός και μπαίνε απλά σαν gadget ακόμα και μέσα στον κώδικα html της ανάρτησής σας όπως το έχω βάλει εγώ ακριβώς κάτω από εδώ .

ΚΑΘΕΤΟ CAROUSEL SLIDESHOW No 2

SLIDESHOW CAROUSEL
ΚΑΘΕΤΟ CAROUSEL SLIDESHOW No 2
Το παρακάτω slideshow έχει την δυνατότητα να εμφανίζει πολλές φωτογραφίες μαζί σε κάθετη διάταξη και για κάθε μία εικόνα που παρέρχεται από πάνω εμφανίζεται και μία από κάτω. Επίσης διαθέτει και κουμπιά πλοήγησης. Το μέγεθος των εικόνων μπορείτε να το προσαρμόσετε αλλάζοντας τα γαλάζια νούμερα. Το πόσες εικόνες θα εμφανίζονται ταυτόχρονα στο slideshow το ρυθμίζεται αλλάζοντας το data-cycle-carousel-visible=3. Το πόσο γρήγορα θα εναλλάσονται οι εικόνες του slideshow το ρυθμίζετε αλλάζοντας το data-cycle-timeout=1000. Δείτε το σε λειτουργία ακριβώς κάτω απο εδώ .

ΚΑΘΕΤΟ CAROUSEL SLIDESHOW No 1

SLIDESHOW CAROUSEL
ΚΑΘΕΤΟ CAROUSEL SLIDESHOW No 1
Το παρακάτω carousel slideshow εμφανίζει τις εικόνες του καθέτως αντί οριζοντίως όπως συνήθως. Το πλάτος και το ύψος των εικόνων του είναι 160px; και 100px; αντίστοιχα και αλλάζει στην 4η γραμμή από το τέλος του κώδικα style. Το συνολικό πλάτος και ύψος του slideshow είναι 180px; και 550px; αντίστοιχα και αλλάζει στην 1η  ,11η, και 12η γραμμή του κώδικα styleΟ αριθμός των εικόνων που θα αλλάζουν σε κάθε πέρασμα του slideshow αλλάζει στο 4ο script και είναι χρωματισμένος με κίτρινο χρώμα (itemstodisplay: 4,). 

CAROUSEL SLIDESHOW WITH AUTO MOUSE SCROLLING

SLIDESHOW CAROUSEL
CAROUSEL SLIDESHOW WITH AUTO MOUSE SCROLLING
Αυτό είναι ένα carousel slideshow το οποίο κινείται όταν μετακινήσετε το ποντίκι σας δεξιά ή αριστερά. Το πλάτος του είναι αυτόματο, ενώ το ύψος του μαζί με το εσωτερικό του περίγραμμα είναι 110px και μπορείτε να το αλλάξετε στην πρώτη γραμμή του κώδικα style. Το ύψος μαζί και με τα δύο περιγράμματα (εσωτερικό και εξωτερικό) είναι 120px και μπορείτε να το αλλάξετε στην 7η γραμμή του κώδικα style. Το πλάτος και το ύψος των εικόνων του slideshow είναι 160px και 100px και μπορείτε να το αλλάξετε στη 8η γραμμή του κώδικα style.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΜΕ ΔΙΑΦΟΡΕΤΙΚΑ 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 ή ακόμα και μέσα σε σελίδες και αναρτήσεις όπως εδώ ακριβώς από κάτω.