ΑΝΑΔΥΟΜΕΝΟ WIDGET ΜΕ ΣΕΛΙΔΟΔΕΙΚΤΕΣ

ΑΝΑΔΥΟΜΕΝΟ WIDGET ΜΕ ΣΕΛΙΔΟΔΕΙΚΤΕΣ.

Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα αναδυόμενο widget με σελιδοδείκτες στα δεξιά ή στα αριστερά του blog σας το οποίο όταν πλησιάζετε το ποντίκι στην άκρη του ιστολογίου σας θα αναδύεται το widget. Μπορείτε να βάλετε βίντεο, παρουσιάσεις, έγγραφα word, excel, pdf, ημερολόγια, χάρτες, facebook like box, followers box, chat, forum και γενικώς ότι προσφέρεται σε κώδικα HTML /  javascript. Αν θέλετε να ενωματώσετε διαφορετική σελίδα με δικούς σας σελιδοδείκτες αλλάξτε το λίνκ που έχω επισημάνει με κίτρινα γράμματα. 

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 1

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 1

Με τον παρακάτω κώδικα μπορούμε να ενσωματωσουμε πολλαπλά news widgets σε ένα tab widget. Ο κώδικας αυτός μπαίνει απλά σαν gadget συνήθως σε ένα από τα κουτάκια του υποσέλιδου του blog σας όπου υπάρχει μεγάλο πλάτος (480px). Μπορείτε να αλλάξετε τα widgets που εμπεριέχονται στις καρτέλες με τα δικά σας widgets αντικαθιστώντας τον κώδικα που βρίσκεται μεταξύ του <iframe & </iframe>.

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 2

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 2

Με τον παρακάτω κώδικα μπορούμε να ενσωματωσουμε πολλαπλά news widgets σε ένα tab widget. Ο κώδικας αυτός μπαίνει απλά σαν gadget στο μεγάλο κουτάκι του υποσέλιδου του blog σας όπου καταλαμβάνει όλο το πλάτος του (1500px). Μπορείτε να αλλάξετε τα widgets που εμπεριέχονται στις καρτέλες με τα δικά σας widgets αντικαθιστώντας τον κώδικα που βρίσκεται μεταξύ του <iframe & </iframe>.

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 3

ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 3

Με τον παρακάτω κώδικα μπορούμε να ενσωματωσουμε πολλαπλά news widgets σε ένα tab widget. Ο κώδικας αυτός μπαίνει απλά σαν gadget στην πλαϊνη μπάρα του blog σας και χρειάζεται πλάτος 250px. Μπορείτε να αλλάξετε τα widgets που εμπεριέχονται στις καρτέλες με τα δικά σας widgets αντικαθιστώντας τον κώδικα που βρίσκεται μεταξύ του <iframe & </iframe>.

TV ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

TV ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW

Τα TV icons που βλέπετε παρακάτω ανοίγουν σε popup window και έχουν τίτλο μέσα στον κώδικα ώστε παιρνώντας το ποντίκι πάνω απο τα εικονίδια εμφανίζεται το όνομα του καναλιού. Κάθε παράγραφος κώδικα αφορά και ένα κανάλι μπορείτε να προσθέσετε όσα κανάλια θέλετε με τον ίδιο τρόπο αλλάζοντας απλά το url του καναλιού το url του εικονιδίου και τον τίτλο του καναλιού.

ΕΝΣΩΜΑΤΩΣΤΕ ΚΑΙ ΜΟΙΡΑΣΤΕΙΤΕ ΤΟΥΣ ΣΕΛΙΔΟΔΕΙΚΤΕΣ ΣΑΣ ΜΕ ΤΟ TAGPACKER

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

BUTTONS ΜΕ ΕΝΣΩΜΑΤΩΣΕΙΣ ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POPUP WINDOWS

BUTTONS ΜΕ ΕΝΣΩΜΑΤΩΣΕΙΣ ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POPUP WINDOWS

Παρακάτω θα βρείτε πάνω από 20 buttons που περιέχουν ενσωματώσεις και ανοίγουν σε popup windows. Μπορείτε να τα βάλετε μέσα σε ένα gadget της πλευρικής μπάρας του blogger ή σε ένα gadget του υποσέλιδου, αλλά ακόμα και μέσα στον κώδικα html μίας ανάρτησης ή μίας σελίδας. Κάθε παράγραφος από τον παρακάτω κώδικα είναι και ένα button που ανοίγει σε ένα popup window. Μπορείτε να αντιγράψετε όλες τις παραγράφους ή όσες σας ενδιαφέρουν ή επιλεκτικά να τροποποιήσετε τα πράσινα links τους και να οδηγούν σε δικές σας ενωματώσεις ή ιστοσελίδες.

ΠΩΣ ΒΑΖΩ SKYPE CALL ME BUTTON ΣΤΟ BLOG ΜΟΥ

ΠΩΣ ΒΑΖΩ SKYPE CALL ME BUTTON ΣΤΟ BLOG ΜΟΥ

Για να βάλετε στο blog σας ένα skype call me button θα χρειαστήτε μία γραμμή κώδικα και ένα εικονίδιο που θα πρέπει να ανεβάσετε ή στο blogger ή σε κάποιο άλλο site που θα σας δώσει ένα απευθείας link για το εικονίδιο αυτό. Αν όμως σας αρέσει αυτό που έχω ανεβάσει ήδη δεν χρειάζεται να αναζητήσετε άλλο.

ΠΩΣ ΑΝΕΒΑΖΩ ΜΙΑ ΑΝΑΡΤΗΣΗ ΤΟΥ BLOGGER ΣΕ HTML ΜΟΡΦΗ ΣΤΟ GITHUB

ΠΩΣ ΑΝΕΒΑΖΩ ΜΙΑ ΑΝΑΡΤΗΣΗ ΤΟΥ BLOGGER ΣΕ HTML ΜΟΡΦΗ ΣΤΟ GITHUB

Δείτε στο παρακάτω βίντεο πώς μπορείτε να ανεβάσετε μία ανάρτηση του blogger σε μορφή HTML σελίδας στο Github και από εκεί να πάρετε το link της και να το χρησιμοποιήσετε για να παραπέμψετε σε αυτήν μέσα από το blog σας. Βαλτε μεσα σε ένα notepad++ τον παρακάτω κώδικα του style της html σελίδας και μετά επικολλήστε τον κώδικα html της ανάρτησης του blogger στο κενό μεταξύ των<div και </div> και σωστε την σελίδα ως html. Μετά αντιγράψτε την στο github gists, σωστε την και πάρτε το link της και χρησιμοποιήστε το όπου θέλετε.

10 ΔΩΡΕΑΝ SCREEN SHOTS PROGRAMS

10 ΔΩΡΕΑΝ SCREEN SHOTS PROGRAMS

Αν θέλετε να πάρετε ένα screenshot της οθόνης σας ολόκληρης ή ενός επιλεγμένου μέρους της θα χρειαστεί να έχετε εγκαταστήσει ένα εργαλείο αποκομάτων οθόνης (screenshot program) στον υπολογιστή σας. Παρακάτω έχω συγκετρώσει τα 10 καλύτερα δωρεάν προγράμματα screenshot που υπάρχουν. Σας έχω επισημάνει τα καλύτερα με ++++.

ΠΡΟΣΑΡΜΟΣΙΜΟ ΠΛΑΤΟΣ BLOG (FLUID WIDTH) ΓΙΑ ΟΛΕΣ ΤΙΣ ΟΘΟΝΕΣ

ΠΡΟΣΑΡΜΟΣΙΜΟ ΠΛΑΤΟΣ BLOG (FLUID WIDTH) ΓΙΑ ΟΛΕΣ ΤΙΣ ΟΘΟΝΕΣ

Για να προσαρμόζεται αυτόματα το πλάτος του blog μας σε μικρές και μεγάλες οθόνες πρέπει να αλλάξετε το min-width και το max-width που βρίσκονται μέσα στον κώδικα HTML του προτύπου σας. Πηγαίνουμε στην επεξεργασία προτύπου και αναζητούμε με τα πλήκτρα Ctrl+F την γραμμή <b:template-skin>

ΚΟΙΝΟΠΟΙΗΣΗ, ΕΝΣΩΜΑΤΩΣΗ ΚΑΙ ΑΠΟΘΗΚΕΥΣΗ ΧΑΡΤΗ ΜΕ ΠΟΛΛΑΠΛΑ ΣΗΜΕΙΑ

ΚΟΙΝΟΠΟΙΗΣΗ, ΕΝΣΩΜΑΤΩΣΗ ΚΑΙ ΑΠΟΘΗΚΕΥΣΗ ΧΑΡΤΗ ΜΕ ΠΟΛΛΑΠΛΑ ΣΗΜΕΙΑ

Δείτε στό παρακάτω βίντεο πως μπορείτε να κοινοποιήσετε, να ενσωματώσετε και να αποθηκεύσετε ένα χάρτη με πολλαπλά σημεία. Η αποθήκευση γίνεται στο google drive. Απαραίτητη προϋπόθεση είναι να έχετε συνδεθεί στο λογαριασμό σας στο google. Δείτε πως θα φαίνεται η ενσωμάτωση κάτω από το βίντεο και πως θα φαίνεται ο χάρτης αν πατήσετε το button με το link της κοινοποίησης.

ΠΩΣ ΦΤΙΑΧΝΩ ΣΤΑΤΙΚΟ SITE ΣΤΟ GLITCH.COM

ΠΩΣ ΦΤΙΑΧΝΩ ΣΤΑΤΙΚΟ SITE ΣΤΟ GLITCH.COM

Δείτε στα παρακάτω βίντεο πως μπορείτε να φτιαξετε ένα στατικό site στο glitch.com δωρεάν. Μπορείτε να κατεβάσετε τα html αρχεία και να τα ανεβάσετε σε ένα δικό σας χώρο όπως είναι το glitch.com ή το github.com ή το droppages.com ή το repl.it και ένα σωρό άλλα δωρεάν sites που δίνουν δωρεαν χώρο και domain ή subdomain όπως τα προηγούμενα. Μπορείτε επίσης να επεξεργαστήτε τα αρχεία αυτά και να τα σώσετε με τις δικές σας αλλαγές εάν έχετε λογαριασμό στο glitch.com ώς νέο δικό σας project (site). To link για επεξεργασία είναι το παρακάτω. 

TWITTER FOLLOW FLYING BIRD

TWITTER FOLLOW FLYING BIRD

Ένα πολύ ωραίο widget που μπορείτε να βάλετε στο blog σας είναι ένα πουλάκι twitter που πετάει μόλις ανοίξει το blog σας και μπορεί να πατήσουν πάνω του oι αναγνώστες σας και να οδηγηθηθούν στο προφίλ σας στο Twitter με αποτέλεσμα να αυξηθούν οι followers σας στο twitter. Ο κώδικας είναι πολύ σύντομος και μπαίνει απλά σαν gadget σε ένα οποιοδήποτε σημείο των πλευρικών μπαρών ή του υποσέλιδου του blog σας. Μην ξεχάσετε να αλλάξετε το όνομα του προφίλ σας στο Twitter αλλάζοντας αυτό του παρακάτω κώδικα. (@eshopgrGreece)

20 ΔΩΡΕΑΝ ΥΠΗΡΕΣΙΕΣ ΓΙΑ VOIP VIDEO CALLS

20 ΔΩΡΕΑΝ ΥΠΗΡΕΣΙΕΣ ΓΙΑ VOIP VIDEO CALLS

Αν θέλετε να συνομιλίσετε δωρεάν στο διαδύκτιο υπάρχουν πολλές υπηρεσίες που παρέχουν δωρεάν video κλήσεις μεταξύ 2 ή περισσοτέρων χρηστών με και χωρίς εγγραφή. Σας έχω επισημάνει τις καλύτερες με ++++.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ DOC ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE

Μπορούμε να ενσωματώσουμε στο blog μας DOC έγγραφα που έχουμε αποθηκευμένα στο ONEDRIVE μας με 2 γραμμές κώδικα που μας δίνει το onedrive. Δείτε στην παρακάτω παρουσίαση πώς μπορούμε να το κάνουμε αυτό. 

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE

Μπορούμε να ενσωματώσουμε στο blog μας PDF έγγραφα που έχουμε αποθηκευμένα στο ONEDRIVE μας με 2 γραμμές κώδικα που μας δίνει το onedrive. Δείτε στην παρακάτω παρουσίαση πώς μπορούμε να το κάνουμε αυτό. 

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ FILES.FM

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ FILES.FM

Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους κάνουμε εγγραφή στο files.fm και ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο files.fm. Μετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και πατάμε το κουμπί «Links and embedding». Θα σας ανοίξει ένα popup window, απλά αντιγράψτε το 2^ο κώδικα που από πάνω του γράφει «For embedding on websites». Ο κώδικας θα είναι όπως ακριβώς εδώ από κάτω, ενώ το αποτέλεσμα το βλέπετε αμέσως μετά.

ANIMATED SCROLLING MESSAGE BOX

ANIMATED SCROLLING MESSAGE BOX

Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα animated scrolling message box με ένα μήνυμα και κάποιο link που να παραπέμπει σε κάποιο άρθρο ή οπουδήποτε αλλού. Καλό θα ήταν ο κώδικας να μπέι στο τέλος του κώδικα HTML της ανάρτησής σας και αφού έχετε βάλει στην ανάρτηση αυτή απαραιτήτως read more για να μην εκτελείται ο κώδικας στην αρχική σελίδα σας αλλά μόνο όταν ανοίγει ο αναγνώστης την συγκεκριμένη ανάρτηση. Ο 1^ος κώδικας είναι για ανοιχτόχρωμα blog και ο 2^ος για σκουρόχρωμα blog. Δείτε πως φαίνεται το animated scrolling message box στο κάτω μέρος αυτής της ανάρτησης.

MEGA MENU No 8 ΚΑΘΕΤΟ LIGHT & DARK

MEGA MENU No 8 ΚΑΘΕΤΟ LIGHT & DARK

Το παρακάτω κάθετο mega menu έχει την δυνατότητα εώς και 4 στηλες συνδέσμων και 2 ή περισσότερων γραμμών. Τα χρώματα αλλάζουν εάν αλλάξετε τον εξαψήφιο κωδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #. Δείτε παρακάτω σε λειτουργία το mega menu 8 σε light και dark χρώματα. Πατήστε HTML για να αντιγράψετε τον κώδικα.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΕΝΑ ΕΓΓΡΑΦΟ PDF ME FLIP BOOK EFFECT

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΕΝΑ ΕΓΓΡΑΦΟ PDF ME FLIP BOOK EFFECT

Για να ενσωματώσουμε ένα έγγραφο PDF με flip effect στο blog μας το ανεβάζουμε πρώτα στο http://fliphtml5.com στο οποίο πρέπει να κάνουμε πρώτα εγγραφή η οποία είναι δωρεάν και μετά αφου το ανεβάσουμε εκεί μας δίνει κώδικα ενσωμάτωσης αλλά και link για να το μοιραστούμε με όποιον θέλουμε δημόσια. Παρακάτω έχω ενσωματώσει ένα PDF έγγραφο μέσα στην ανάρτηση αλλά έχω και το link του για να το δείτε σε νέα καρτέλα και πλήρη οθόνη αν θέλετε.

ΝΕΑ ΠΡΟΤΥΠΑ BLOGGER GRID STYLE “FOREST-2020” DARK & LIGHT

ΝΕΑ ΠΡΟΤΥΠΑ BLOGGER GRID STYLE “FOREST-2020” DARK & LIGHT

Τα ημιδιάφανα πρότυπα blogger «FOREST-2020» είναι τροποποιημενα πρότυπα από το ήδη υπάρχον πρότυπο του blogger (συγκερκιμένα αυτό) στο οποίο έχω κάνει σημαντικές τροποποιήσεις και βελτιώσεις σε όλους τους τομείς, όπως Background, κεφαλίδα, αναρτήσεις, πλευρικές μπάρες, υποσέλιδο και σχόλια. 

FACEBOOK LIST AND GALLERY STYLE RSS FEED WIDGET BY RSS.APP

FACEBOOK LIST AND GALLERY STYLE RSS FEED WIDGET BY RSS.APP

Πηγαίνετε στη διεύθηνση https://rss.app και βάλτε το url από την facebook page που έχετε και θα σας βγάλει 4 διαφορετικές επιλογές εμφάνισης για το rss feed widget σας. Διαλεξτε όποια διάταξη σας αρέσει και πάρτε τον κώδικα και επικολλήστε τον στο blog σας. Παρακάτω βλέπετε πως θα είναι το widget σε 2 διάταξεις 1. List style και 2. gallery style ή (news wall) όπως το ονομάζει η εφαρμογή. ▼

ΠΩΣ ΒΑΖΩ FACEBOOK PAGE RSS FEED WIDGET ΣΤΟ BLOG MOY

ΠΩΣ ΒΑΖΩ FACEBOOK PAGE RSS FEED WIDGET ΣΤΟ BLOG MOY
Πρώτα πρέπει να πάμε στη σελίδα που έχουμε στο facebook και να αντιγράψουμε το url της και μετά πάμε στην διεύθυνση https://developers.facebook.com/docs/plugins/page-plugin και το επίκολλούμε στό πρώτο κουτάκι που γράφει Facebook Page URL μετά ορίζουμε στα απο κάτω κουτάκια το πλάτος και το ύψος του widget και μετά πατάμε το button Get Code για να μας δώσει τον κώδικα που θα επικολλήσουμε σε όποιο gadget του blog μας θέλουμε ή ακόμα και μέσα σε ανάρτηση ή σελίδα όπως βλέπετε παρακάτω. 

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ GOOGLE PHOTOS SLIDESHOW ΣΤΟ BLOG ΜΟΥ

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ GOOGLE PHOTOS SLIDESHOW ΣΤΟ BLOG ΜΟΥ

Αν θέλετε να ενσωματώσετε ένα Google photos slideshow στο blog σας συνδεθήτε στο google photos με το λογαριασμό του gmail σας και πηγαίνετε στα albums και πατήστε πάνω σε όποιο album θέλετε να βάλετε μέσα στο slideshow σας και μετά πατήστε πάνω δεξιά στις περισσότερες επιλογές να ανοίξει το μενού και μετά επίλέξτε «επιλογές». Θα ανοίξει ένα popup box και θα πρέπει να πατήσετε κοινοποίοηση.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ FLICKR SLIDESHOW ΣΤΟ BLOG ΜΟΥ

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ FLICKR SLIDESHOW ΣΤΟ BLOG ΜΟΥ

Αν θέλετε να ενσωματώσετε ένα flickr slideshow στο blog σας μπορείτε να πάτε στη διεύθηνση   https://flickrembedslideshow.com και εκεί να συμπληρώσετε τα πεδία που απαιτούνται για να εμφανιστεί το slideshow. Όταν τα συμπληρώσετε θα σας δώσει ένα κώδικα στον οποίο μπορείτε να αλλάξετε τις διαστάσεις για να το προσαρμόσετε στο blog σας. Παρακάτω έχω ένα demo με εικόνες από Σαντορίνη και ένα άλλο με εικόνες από Λευκάδα.

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PINΤEREST BOARDS ΣΤΟ BLOG ΜΟΥ

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PINTEREST BOARDS ΣΤΟ BLOG ΜΟΥ

Αν θέλετε να ενσωματώσετε ένα pinterest board στο blog σας μπορείτε να πάτε στη διεύθηνση   https://business.pinterest.com/en/pinterest-widget-builder και επιλεξτε το board widget μετά συμπληρώσετε τα πεδία που απαιτούνται για να εμφανιστεί το pinderest board. Όταν τα συμπληρώσετε θα σας δώσει ένα κώδικα στον οποίο μπορείτε να αλλάξετε τις διαστάσεις για να το προσαρμόσετε στο blog σας. Παρακάτω έχω ένα demo με εικόνες από Ιταλία.

PHOTO GALLERY WITH GRID AND LIST STYLE

PHOTO GALLERY WITH GRID AND LIST STYLE

Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε μία photo gallery σε 2 διαφορετικές διατάξεις GRID και LIST. Μπορείτε να αλλάξετε τις διαστάσεις αλλάζοντας το width="160" height="100" που βρίσκεται αμέσως μετά το πράσινο link των εικόνων το οποίο link εννοείτε πως μπορείτε να το αλλάξετε με το δικό σας link. Δείτε πως είναι σε λειτουργία η photo gallery ακριβως κάτω από εδώ. ▼

ANIMATED BUTTONS

ANIMATED BUTTONS

Με τον παρακάτω κώδικα μπορείτε να βάλετε animated buttons στο blog σας. Μπορείτε να  αλλάξετε τα χρώματα των buttons αλλάζοντας τον κωδικό χρώματος που έχει μπροστάτου το σύμβολο της δίεσης # καθώς και τα εξωτερικά και εσωτερικά περιθώρια αλλάζοντας τα margin και τα padding του κάθε button. Εννοείται πως πρέπει να αλλάξετε και τα πράσινα links των buttons με τα δικά σας links.

IMAGE FLIP EFFECT

FLIP IMAGE EFFECT.

Με τον παρακάτω κώδικα μπορείτε να εναλλάξετε 2 εικόνες με flip effect. Μπορείτε να αλλάξετε τις διαστάσεις αλλάζοντας το width="320" height="200" που βρίσκεται αμέσως μετά το πράσινο link των εικόνων το οποίο link εννοείτε πως μπορείτε να το αλλάξετε με το δικό σας link. Δείτε πως θα εναλλάσονται οι εικόνες με το flip effect στο παρακάτω demo ▼.

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

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

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

VERTICAL ANIMATED MENU

VERTICAL ANIMATED MENU

Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα animated κάθετο μενού στο blog σας. Μπορεί να μπεί μέσα σε ένα HTML / JAVASCRIPT gadget κουτάκι που υπάρχει στην διάταξη του blog σας σε κάποια πλευρική μπάρα. Μπορείτε να αλλάξετε τα links μου με τα δικά σας links. Τα χρώματα αλλάξουν αν αλλάξετε τον κωδικό χρώματος όπου μπροστά του έχει το σύμβολο #. Δείτε το σε λειτουργία ακριβώς κάτω από εδώ. ▼