GADGETS FOR BLOGS

POP UP WINDOW ΜΕ ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ

POPUP WINDOW
POP UP WINDOW ΜΕ ΠΡΟΤΕΙΝΟΜΕΝΕΣ ΑΝΑΡΤΗΣΕΙΣ
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα pop up window σε κάποιες αναρτήσεις του blog σας που να προτείνει στον αναγνώστη να διαβάσει κάποιες άλλες σχετικές αναρτήσεις με αυτήν που διαβάζει εκείνη τη στιγμή. Τον κώδικα αυτόν πρέπει να τον βάλετε στο τέλος του κώδικα HTML της ανάρτησης και αφού έχετε βάλει στην ανάρτηση αυτή απαραιτήτως read more για να μην εκτελείται το script στην αρχική σελίδα σας αλλά μόνο όταν ανοίγει ο αναγνώστης την συγκεκριμένη ανάρτηση.

ΠΤΥΣΟΜΕΝΟ WIDGET

ΠΤΥΣΟΜΕΝΟ WIDGET
ΠΩΣ ΒΑΖΩ ΠΤΥΣΟΜΕΝΟ WIDGET (FLOATING WIDGET)
Με αυτό το πτυσόμενο widget μπορείτε να εξοικονομήσετε χώρο στην πλευρική σας μπάρα ή όπου αλλού θέλήσετε να το βάλετε, γιατί εμφανίζεται αρχικά στο μέγεθος ενός κουμπιού και μόλις το πατήσετε ανοίγει και δείχνει το περιεχόμενό του. Στο συγκεκριμένο ως περιεχόμενο έχω βάλει περίπου 100 radio + tv buttons.

ΑΝΤΙΚΑΤΑΣΤΑΣΗ ΤΟΥ BLOGSPOT.GR ΜΕ ΤΟ BLOGSPOT.COM

REDIRECT TO BLOGSPOT.COM
ΑΝΤΙΚΑΤΑΣΤΑΣΗ ΤΟΥ BLOGSPOT.GR ΜΕ ΤΟ BLOGSPOT.COM
Όλα τα blogs του που είναι φτιαγμένα στο blogger ανακατευθήνονται αυτόματα από την google από blogspot.com σε blogspot.gr ή σε κάποια άλλη κατάληξη χώρας στην οποία έχει φτιαχτεί το blog αυτό. Για να αποφύγετε αυτή την ανακατεύθηνση βάλτε μέσα στο πρότυπο πρίν την ετικέτα </head> το παρακάτω σύντομο script, σώστε το πρότυπό σας και δείτε το αποτέλεσμα.

3D SLIDESHOW WITH CUBES EFFECT

3D SLIDESHOW WITH CUBES EFFECT
Το παρακάτω 3D slideshow έχει κουμπιά πλοήγησης δεξιά και αριστερά του, αλλά δεν ξεκινάει αυτόματα. Οι φωτογραφίες του αλλάζουν με 2 διαφορετικά 3d εφέ σπάζοντας σε κύβους κάθετους και οριζόντιους. Αλλάξτε τα γαλάζια και τα πράσινα link των εικόνων με τα δικά σας link. Το μέγεθος των εικόνων μπορείτε να το προσαρμόσετε αλλάζοντας τα γαλάζια νούμερα που είναι δίπλα από τα πράσινα links των εικόνων. 

PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ ΚΑΙ ΔΙΚΟ ΣΑΣ STYLE

PHOTO GALLERY
PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ ΚΑΙ ΔΙΚΟ ΣΑΣ STYLE
Αυτή είναι μία photo gallery με περιγραφή και δικό της style. Μπορείτε να αλλάξετε το χρώμα του background και του χρώματος κειμένου της περιγραφής αλλάζοντας τους 6ψήφιους κωδικούς χρωμάτων  εκεί που γράφει background και color. Το ίδιο πρέπει να κάνετε και για το περίγραμμα των εικόνων αλλάξτε το border: 1px solid #FBBB22; Οι διαστάσεις των εικόνων ρυθμίζονται εκεί που γράφει width:160px;height:100px; εντός του κώδικα style αλλά και αμέσως μετά τα πράσινα links των εικόνων. 

3D CAROUSEL SLIDESHOW

3D CAROUSEL SLIDER
3D  CAROUSEL SLIDESHOW
Το παρακάτω 3D carousel slideshow έχει την δυνατότητα να εμφανίζει πολλές φωτογραφίες μαζί σε οριζόντια διάταξη, εμφανίζωντας πρώτα την μεσαία φωτογραφία της λίστας και εσεις με τα κουμπιά πλοήγησης μπορείτε να δείτε είτε τις επόμενες είτε τις προηγούμενες. Δεν ξεκινάει αυτόματα δηλαδή. Το μέγεθος των εικόνων μπορείτε να το προσαρμόσετε αλλάζοντας τα γαλάζια νούμερα εκεί που γράφει, width:640px;height:400px

BOOTSTRAP CAROUSEL SLIDESHOW ME NAVIGATION BUTTONS ΚΑΙ ΠΕΡΙΓΡΑΦΗ

CAROUSEL SLIDESHOW
BOOTSTRAP CAROUSEL SLIDESHOW ME NAVIGATION BUTTONS ΚΑΙ ΠΕΡΙΓΡΑΦΗ
Στο παρακάτω slideshow μπορείτε να βάλετε όσες εικόνες θέλετε, σε ότι διαστάσεις θέλετε, και σε κάθε μία από αυτές να εμφανίζεται κάτω αριστερά η περιγραφή που θέλετε. Το συγκεκριμένο slideshow διαθέτει και κουμπιά πλοήγησης για να βλέπετε τις επόμενες ή τις προηγούμενες εικόνες του.

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

BLOGGER DATE
ΜΟΡΦΟΠΟΙΗΣΗ ΗΜΕΡΟΜΗΝΙΑΣ ΚΑΙ ΩΡΑΣ ΑΝΑΡΤΗΣΗΣ
Μπορείτε να μορφοποιήσετε την ημερομηνία και την ώρα ανάρτησης και να εμφανίζεται σε άλλη θέση, με άλλο χρώμα κειμένου και άλλο χρώμα background. Πηγαίνετε μέσα στην επεξεργασία του προτύπου σας και αναζητήστε με τα πλήκτρα Ctrl+F την ετικέτα h2.date-header ή σε άλλα πρότυπα .date-header και αλλάξτε τα νούμερα του margin: 0 -5px 1px

ΠΩΣ ΔΙΑΜΟΡΦΩΝΩ ΤΟ ΚΟΥΜΠΙ READ MORE

READ MORE BUTTON
ΠΩΣ ΔΙΑΜΟΡΦΩΝΩ ΤΟ ΚΟΥΜΠΙ READ MORE.
Για να μορφοποιήσετε το κουμπί read more πηγαίνετε μέσα στο πρότυπο του blog σας και αναζητήστε με τα κουμπιά Ctrl+F την ετικέτα ]]></b:skin> και πρίν από αυτήν επικολλήστε τις παρακάτω 2 γραμμές κώδικα. Εννοείται ότι μπορείτε να αλλάξετε την γραμματοσειρά και το μέγεθός της εκεί που γράφει font:13px; Arial; και το χρώμα background και περιγράμματος που αλλάξει στην από κάτω γραμμή κώδικα.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ OPENDRIVE

OPENDRIVE
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ OPENDRIVE
Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο opendrive.com. Μετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και στα δεξιά του πατάμε το εικονίδιο «share». Παίρνουμε τον 2ο σύνδεσμο που μας δίνει ο οποίος είναι το direct link και έχει κατάληξη .mp3 Αν το κομμάτι που θα επιλέξουμε έχει ελληνικό ονομα θα βγάζει πολύ μεγάλο link για αυτό καλό είναι τα κομμάτια να τα μετονομάσετε σε greekenglish. Το opedrive λοιπόν μας δίνει ένα direct link το οποίο είναι αυτής της μορφής :

ΠΩΣ ΒΑΖΩ FACEBOOK PHOTO GALLERY WIDGET 2

FACEBOOK PHOTO GALLERY
ΠΩΣ ΒΑΖΩ FACEBOOK PHOTO GALLERY WIDGET
Για να ενσωματώσετε στο blog σας ένα άλμπουμ με φωτογραφίες από το facebook πηγαίνετε στην διεύθυνση http://facebookgalleria.com συνδεθήτε με το facebook προφίλ σας στην εφαρμογή, και εισάγετε στα κουτάκια που θα βρείτε εκεί το link του άλμπουμ και πόσες γραμμές και στήλες θέλετε να έχει η photo gallery καθώς επίσης και το μέγεθος των εικόνων. Μετά πατήστε το τελευταίο κουμπί που γράφει Generate code και θα σας δώσει έναν κώδικα iframe τον οποίο θα τον επικολλήσετε στο HTML της ανάρτησης ή της σελίδας σας στον blogger.

ΠΩΣ ΒΑΖΩ FACEBOOK PHOTO GALLERY WIDGET 1

FACEBOOK PHOTO GALLERY
ΠΩΣ ΒΑΖΩ FACEBOOK PHOTO GALLERY WIDGET
Για να ενσωματώσετε στο blog σας ένα άλμπουμ με φωτογραφίες από το facebook πηγαίνετε στην διεύθυνση https://embedsocial.com/marketing-apps/facebook-gallery-plugin/#freeversion
Και εισάγετε στο κουτάκι που θα βρείτε εκεί το link του άλμπουμ που είναι ανεβασμένο στο προφίλ σας ή στην facebook page σας. Μετά πατήστε το διπλανό κουμπί που γράφει Generate album code και θα σας δώσει έναν κώδικα iframe τον οποίο θα τον επικολλήσετε στο HTML της ανάρτησης ή της σελίδας σας στον blogger

ΠΩΣ ΒΑΖΩ 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.

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

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

SLIDESHOW WITH TUMBNAILS No 7

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

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

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

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 σε λειτουργία ακρίβώς κάτω από εδώ.