• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY Repl.it CODEPEN CODEPEN Codesandbox.io

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

BUTTONS
BUTTONS ΜΕ ΕΝΣΩΜΑΤΩΣΕΙΣ ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POPUP WINDOWS
Παρακάτω θα βρείτε πάνω από 20 buttons που περιέχουν ενσωματώσεις και ανοίγουν σε popup windows. Μπορείτε να τα βάλετε μέσα σε ένα gadget της πλευρικής μπάρας του blogger ή σε ένα gadget του υποσέλιδου, αλλά ακόμα και μέσα στον κώδικα html μίας ανάρτησης ή μίας σελίδας. Κάθε παράγραφος από τον παρακάτω κώδικα είναι και ένα button που ανοίγει σε ένα popup window. Μπορείτε να αντιγράψετε όλες τις παραγράφους ή όσες σας ενδιαφέρουν ή επιλεκτικά να τροποποιήσετε τα πράσινα links τους και να οδηγούν σε δικές σας ενωματώσεις ή ιστοσελίδες.

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

SKYPE BUTTON
ΠΩΣ ΒΑΖΩ SKYPE CALL ME BUTTON ΣΤΟ BLOG ΜΟΥ
Για να βάλετε στο blog σας ένα skype call me button θα χρειαστήτε μία γραμμή κώδικα και ένα εικονίδιο που θα πρέπει να ανεβάσετε ή στο blogger ή σε κάποιο άλλο site που θα σας δώσει ένα απευθείας link για το εικονίδιο αυτό. Αν όμως σας αρέσει αυτό που έχω ανεβάσει ήδη δεν χρειάζεται να αναζητήσετε άλλο.

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

HTML PAGES ON GITHUB
ΠΩΣ ΑΝΕΒΑΖΩ ΜΙΑ ΑΝΑΡΤΗΣΗ ΤΟΥ BLOGGER ΣΕ HTML ΜΟΡΦΗ ΣΤΟ GITHUB
Δείτε στο παρακάτω βίντεο πώς μπορείτε να ανεβάσετε μία ανάρτηση του blogger σε μορφή HTML σελίδας στο Github και από εκεί να πάρετε το link της και να το χρησιμοποιήσετε για να παραπέμψετε σε αυτήν μέσα από το blog σας. Βαλτε μεσα σε ένα notepad++ τον παρακάτω κώδικα του style της html σελίδας και μετά επικολλήστε τον κώδικα html της ανάρτησης του blogger στο κενό μεταξύ των<div και </div> και σωστε την σελίδα ως html. Μετά αντιγράψτε την στο github gists, σωστε την και πάρτε το link της και χρησιμοποιήστε το όπου θέλετε.

10 ΔΩΡΕΑΝ SCREEN SHOTS PROGRAMS

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

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

ΠΡΟΣΑΡΜΟΣΙΜΟ ΠΛΑΤΟΣ BLOG
ΠΡΟΣΑΡΜΟΣΙΜΟ ΠΛΑΤΟΣ BLOG (FLUID WIDTH) ΓΙΑ ΟΛΕΣ ΤΙΣ ΟΘΟΝΕΣ
Για να προσαρμόζεται αυτόματα το πλάτος του blog μας σε μικρές και μεγάλες οθόνες πρέπει να αλλάξετε το min-width και το max-width που βρίσκονται μέσα στον κώδικα HTML του προτύπου σας. Πηγαίνουμε στην επεξεργασία προτύπου και αναζητούμε με τα πλήκτρα Ctrl+F την γραμμή <b:template-skin>

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

ΧΑΡΤΗΣ GOOGLE
ΚΟΙΝΟΠΟΙΗΣΗ, ΕΝΣΩΜΑΤΩΣΗ ΚΑΙ ΑΠΟΘΗΚΕΥΣΗ ΧΑΡΤΗ ΜΕ ΠΟΛΛΑΠΛΑ ΣΗΜΕΙΑ
Δείτε στό παρακάτω βίντεο πως μπορείτε να κοινοποιήσετε, να ενσωματώσετε και να αποθηκεύσετε ένα χάρτη με πολλαπλά σημεία. Η αποθήκευση γίνεται στο google drive. Απαραίτητη προϋπόθεση είναι να έχετε συνδεθεί στο λογαριασμό σας στο google. Δείτε πως θα φαίνεται η ενσωμάτωση κάτω από το βίντεο και πως θα φαίνεται ο χάρτης αν πατήσετε το button με το link της κοινοποίησης.

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

ΣΤΑΤΙΚΟ SITE
ΠΩΣ ΦΤΙΑΧΝΩ ΣΤΑΤΙΚΟ 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
TWITTER FOLLOW FLYING BIRD
Ένα πολύ ωραίο widget που μπορείτε να βάλετε στο blog σας είναι ένα πουλάκι twitter που πετάει μόλις ανοίξει το blog σας και μπορεί να πατήσουν πάνω του oι αναγνώστες σας και να οδηγηθηθούν στο προφίλ σας στο Twitter με αποτέλεσμα να αυξηθούν οι followers σας στο twitter. Ο κώδικας είναι πολύ σύντομος και μπαίνει απλά σαν gadget σε ένα οποιοδήποτε σημείο των πλευρικών μπαρών ή του υποσέλιδου του blog σας. Μην ξεχάσετε να αλλάξετε το όνομα του προφίλ σας στο Twitter αλλάζοντας αυτό του παρακάτω κώδικα. (@eshopgrGreece)

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

FREE VIDEO CALLS
20 ΔΩΡΕΑΝ ΥΠΗΡΕΣΙΕΣ ΓΙΑ VOIP VIDEO CALLS
Αν θέλετε να συνομιλίσετε δωρεάν στο διαδύκτιο υπάρχουν πολλές υπηρεσίες που παρέχουν δωρεάν video κλήσεις μεταξύ 2 ή περισσοτέρων χρηστών με και χωρίς εγγραφή. Σας έχω επισημάνει τις καλύτερες με ++++.

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

EMBED DOC
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE
Μπορούμε να ενσωματώσουμε στο blog μας DOC έγγραφα που έχουμε αποθηκευμένα στο ONEDRIVE μας με 2 γραμμές κώδικα που μας δίνει το onedrive. Δείτε στην παρακάτω παρουσίαση πώς μπορούμε να το κάνουμε αυτό. 

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

EMBED PDF
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE
Μπορούμε να ενσωματώσουμε στο blog μας PDF έγγραφα που έχουμε αποθηκευμένα στο ONEDRIVE μας με 2 γραμμές κώδικα που μας δίνει το onedrive. Δείτε στην παρακάτω παρουσίαση πώς μπορούμε να το κάνουμε αυτό. 

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

ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ FILES.FMΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ FILES.FM
Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους κάνουμε εγγραφή στο files.fm και ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο files.fm. Μετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και πατάμε το κουμπί «Links and embedding». Θα σας ανοίξει ένα popup window, απλά αντιγράψτε το 2ο κώδικα που από πάνω του γράφει «For embedding on websites». Ο κώδικας θα είναι όπως ακριβώς εδώ από κάτω, ενώ το αποτέλεσμα το βλέπετε αμέσως μετά.

ANIMATED SCROLLING MESSAGE BOX

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 VERTICAL MENU
MEGA MENU No 8 ΚΑΘΕΤΟ LIGHT & DARK
Το παρακάτω κάθετο mega menu έχει την δυνατότητα εώς και 4 στηλες συνδέσμων και 2 ή περισσότερων γραμμών. Τα χρώματα αλλάζουν εάν αλλάξετε τον εξαψήφιο κωδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #. Δείτε παρακάτω σε λειτουργία το mega menu 8 σε light και dark χρώματα. Πατήστε HTML για να αντιγράψετε τον κώδικα.

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

PDF 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

GRID STYLE TEMPLATE
ΝΕΑ ΠΡΟΤΥΠΑ BLOGGER GRID STYLE “FOREST-2020” DARK & LIGHT
Τα ημιδιάφανα πρότυπα blogger «FOREST-2020» είναι τροποποιημενα πρότυπα από το ήδη υπάρχον πρότυπο του blogger (συγκερκιμένα αυτό) στο οποίο έχω κάνει σημαντικές τροποποιήσεις και βελτιώσεις σε όλους τους τομείς, όπως Background, κεφαλίδα, αναρτήσεις, πλευρικές μπάρες, υποσέλιδο και σχόλια. 

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

FACEBOOK RSS FEED WIDGET
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 RSS FEED WIDGET
ΠΩΣ ΒΑΖΩ 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
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ 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 WIDGET
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ 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
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
Με τον παρακάτω κώδικα μπορείτε να βάλετε animated buttons στο blog σας. Μπορείτε να  αλλάξετε τα χρώματα των buttons αλλάζοντας τον κωδικό χρώματος που έχει μπροστάτου το σύμβολο της δίεσης # καθώς και τα εξωτερικά και εσωτερικά περιθώρια αλλάζοντας τα margin και τα padding του κάθε button. Εννοείται πως πρέπει να αλλάξετε και τα πράσινα links των buttons με τα δικά σας links.

IMAGE FLIP EFFECT

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

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

IMAGE MOUSEOVER EFFECT
ΕΜΦΑΝΙΣΗ ΕΙΚΟΝΩΝ ΟΤΑΝ ΠΕΡΝΑTΕ ΤΟ ΠΟΝΤΙΚΙ ΠΑΝΩ ΑΠΟ ΕΙΚΟΝΙΔΙΑ
Με τον παρακάτω κώδικα μπορούμε να βάλουμε μερικά εικονίδια οπουδήποτε μέσα στο ιστολόγιό μας και όταν περνάμε το ποντίκι μας από πάνω τους να εμφανίζεται μία εικόνα στις διαστάσεις και στη θέση που εμείς θα ορίσουμε. Τον κώδικα αυτόν μπορείτε να τον δείτε σε λειτουργία λίγο πιο κάτω όπου παρουσιάζω με αυτόν τον τρόπο μερικές εικόνες από την Λευκάδα.

VERTICAL ANIMATED MENU

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

IMAGES WITH FLOATING SCALE EFFECT

FLOATING SCALE EFFECTIMAGES WITH FLOATING SCALE EFFECT.
Με τον παρακάτω κώδικα μπορείτε να κλικάρετε πάνω σε μικρές εικόνες και να τις προβάλετε σε μία άλλη θέση με flοating scale effect. Μπορείτε να αλλάξετε τις διαστάσεις των μικρών εικόνων αλλάζοντας το width="240" που βρίσκεται στην 3η γραμμή του κώδικα. Όσο μεγαλύτερες είναι οι εικόνες τόσο μεγαλύτερο θα είναι και το scale effect τους (δηλ. η μεγενθησή τους) μη δώσετε πλάτος πάνω από 250px. Εννοείτε πως μπορείτε να αλλάξετε τα πράσινα links των εικόνων με τα δικά σας link. Δείτε πως θα προβάλονται οι εικόνες όταν κάνετε κλίκ πάνω τους στο demo μετά τον κώδικα .

SIMPLE POSTS SLIDER

POST SLIDER
SIMPLE POSTS SLIDER
Με τον παρακάτω κώδικα μπορείτε να βάλετε ένα απλό post slider στο blog σας. Αντικαταστήστε τα links των posts με τα πράσινα γράμματα την εικόνα του post με τα ελαφρώς πράσινα γράμματα τον τίτλο της ανάρτησης με τα κίτρινα γράματα και την περίληψη της ανάρτησης με τα ελαφρώς κίτρινα γράμματα. Μπορείτε να επαναλάβετε το μέρος του κώδικα από το tickercontents[1] μέχρι το </a> για να συμπεριλάβετε περισσότερες αναρτήσεις στο post slider. Δείτε το demo ακριβώς κάτω από εδώ.

FLOATING TEXT BOX OPENS WITH MOUSEOVER

FLOATING TEXT BOX
FLOATING TEXT BOX OPENS WITH MOUSEOVER.
Με τον παρακάτω κώδικα μπορείτε να βαλετε ένα floating text box στην πλαϊνή μπάρα. Το text box μπορεί να περιέχει και linkls όπως παρακάτω. Μπορείτε να αλλάξετε τις διαστάσεις του πλάτους αλλάζοντας το width="720" που βρίσκεται στη 3η γραμμή του κώδικα και τα πράσιν link των αναρτήσεων με τα δικά σας link. Δείτε πως λειτουργεί στο παρακάτω demo .

ANIMATED ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

ANIMATED MENU
ANIMATED ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
Αυτό είναι ένα animated οριζόντιο μενού με εχρωμα hover animated buttons. Αντιγράψτε τον παρακάτω κώδικα στο gadget που βρίσκετται κάτω από την κεφαλίδα του blogger. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας το κωδικό χρώματος που βρίσκεται μπροστά του το σύμβολο της δίεσης #. Αλλάξτε και τα links μου με τα δικά σας links. Δείτε παρακάτω πως θα είναι σε demo λειτουργία.

ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ (ΜΕ ΒΑΣΗ ΤΗΝ ΗΜΕΡΟΜΗΝΙΑ)

ARCHIVE PAGE BY DATE
ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ (ΜΕ ΒΑΣΗ ΤΗΝ ΗΜΕΡΟΜΗΝΙΑ)
Με τον παρακάτω κώδικα μπορείτε να προβάλετε αναρτήσεις με βάση την ημερομηνία τους και συγκεκριμένα ανα μήνα. Συνήθως μπαίνει σε μία σελίδα για να βλέπουν οι επισκέπτες όλο το ιστορικό των αναρτήσεών σας που περιέχει το blog σας. Δείτε αμέσως μετά τον κώδικα πως θα φαίνεται η αρχειοθήκη σας.

ΔΙΑΤΡΟΦΙΚΑ WIDGETS

DIET-WIDGETS
ΔΙΑΤΡΟΦΙΚΑ WIDGETS
Παρακάτω έχω συγκεντρώσει πάνω από 10 διατροφικά widgets. Είναι όλα με τον κώδικά τους και σε ζωντανή λειτουργία για να τα δοκιμάσετε πρίν τα βάλετε στο ιστολόγιό σας. Μπαίνουν απλά σαν gadget σε όποιο σημείο του ιστολογίου σας θέλετε. Αποφύγετε τα widgets με flash.