• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB CODEBERG Start.me CODEPLY WORDPRESS PASTEBIN.COM JSFIDDLE CODEPEN CODEPEN
Εμφάνιση αναρτήσεων με ετικέτα ΟΡΙΖΟΝΤΙΑ ΜΕΝΟΥ. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα ΟΡΙΖΟΝΤΙΑ ΜΕΝΟΥ. Εμφάνιση όλων των αναρτήσεων

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

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

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

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

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

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

ΠΩΣ ΒΑΖΩ 3D ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

3D MENU
ΠΩΣ ΒΑΖΩ 3D ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
Αυτό είναι ένα τρισδιάστατο οριζόντιο μενού απλό χωρίς υπομενού και μπορείτε να το βάλετε στο ιστολόγιό σας απλά σαν gadget. Τα χρώματα αλλάζουν εκεί που υπάρχει το σύμβολο της δίεσης #. Μπορείτε να αλλάξετε τα μεγέθη των γραματοσειρών και τις αποστάσεις τα οποία έχω χρωματισμένα με γαλάζιο χρώμα. Αντικαταστήστε τα δικά μου πράσινα links και τις περιγραφές με τα πορτοκαλί γράμματα με τα δικά σας. Το πρώτο μέρος του κώδικα αν θέλετε μπορείτε να το βάλετε και μέσα στο πρότυπο πρίν την γραμμή </head>. Το μενού μπορείτε να το δείτε εδώ ακριβώς απο κάτω. ▼

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

ΣΤΑΤΙΚΟ ΜΕΝΟΥ
ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ.
Αυτό είναι ένα στατικό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget πάνω ακριβώς από τον τίτλο του blog σας στη θέση της navbar του blogger και είναι το ίδιο με το ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 4, αλλά με την διαφορά ότι είναι στατικό. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:100% Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με πράσινα γράμματα με τα δικά σας links.

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

ΣΤΑΤΙΚΟ ΜΕΝΟΥ
ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
Με τον παρακάτω απλό κώδικα μπορούμε να βάλουμε ένα απλό στατικό μενού στη θέση της navbar του blogger. Ο κώδικας μπαίνει απλά σαν gadget. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:1500px; Η θέση του μενού μπορεί να πάει και στο κάτω μέρος του ιστολογίου αφαιρώντας το top:0px; και βάζοντας στη θέση του το bottom:0px; Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με γαλάζια γράμματα με τα δικά σας links. 

ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 1

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 1
Αυτό είναι ένα απλό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας και μπορείτε να το δείτε σε λειτουργία πατώντας το κίτρινο link ►. Δεν θα χρειαστεί να προσθέσετε κάτι στο πρότυπο του blog σας, αλλά θα χρειαστεί να αφαιρέσετε την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας. 
Η ενότητα TABS αρχίζει έτσι /* Tabs ----------------------------------------------- */ και έχει μήκος περίπου 50 γραμμές. 

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ & SOSIAL ICONS ΣΑΝ GADGET No 1B

MENU WITH ICONS
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ & SOSIAL ICONS ΑΠΛΟ ΣΑΝ GADGET No 1B
Αυτό είναι ένα απλό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας και μπορείτε να το δείτε σε λειτουργία πατώντας το κίτρινο link ►. Δεν θα χρειαστεί δηλαδή να προσθέσετε κάτι στο πρότυπο του blog σας, αλλά θα χρειαστεί να αφαιρέσετε την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι ► που θα συναντήσετε μέσα στο πρότυπο σας για να φανεί το κρυμένο μέρος του κώδικα της σελίδας σας.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 2

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET 2
Αυτό είναι ένα απλό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας και είναι αυτό που δείχνει η εικόνα αριστερά. Δεν θα χρειαστεί να προσθέσετε κάτι στο πρότυπο του blog σας, αλλά θα χρειαστεί να αφαιρέσετε την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 3

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 3
Για να βάλουμε αυτό το μενού στο blog μας θα πρέπει να αφαιρεθούν οι παρακάτω γραμμές κώδικα της ενότητας Tabs που βρίσκονται περίπου στις γραμμές 325-373 και ξεκινάει όπως σας τον έχω ακριβώς από κάτω. Για να τον βρούμε πρέπει να πάμε στην επεξεργασία προτύπου και να πατήσουμε το πρώτο βελάκι στην γραμμή 13-15 περίπου για να επεκταθεί το κρυμένο μέρος του κώδικα. Αφού φανεί ο κρυμένος κώδικας με τα μπλέ γράμματα πηγαίνουμε στις γραμμές που σας έγραψα πιο πάνω και σβήνουμε τον παρακάτω κώδικα όπως τον βλέπετε. Μετά σώζουμε το πρότυπο και πηγαίνουμε στην διάταξη και αντιγράφουμε σαν gadget τον επόμενο κώδικα και το οριζόντιο μενού θα λειτουργήσει χωρίς κανένα πρόβλημα.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 4

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 4.
Αυτό είναι ένα απλό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας. Δεν θα χρειαστεί να προσθέσετε κάτι στο πρότυπο του blog σας, αλλά θα χρειαστεί να αφαιρέσετε την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 3 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 5

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 3 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 5.
Αυτό είναι ένα απλό οριζόντιο μενού με 3 υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας.  Θα χρειαστεί να αφαιρέσετε από το πρότυπο του blog σας, την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 6

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 6.
Αυτό είναι ένα απλό οριζόντιο μενού με 2 υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας. Θα χρειαστεί να αφαιρέσετε από το πρότυπο του blog σας, την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας. Η ενότητα TABS αρχίζει έτσι /* Tabs ----------------------------------------------- */ και έχει μήκος περίπου 50 γραμμές.

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 7

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ 2 ΥΠΟΜΕΝΟΥ ΣΑΝ GADGET Νο 7.
Αυτό είναι ένα απλό οριζόντιο μενού με 2 υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας. Θα χρειαστεί να αφαιρέσετε από το πρότυπο του blog σας, την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας. Η ενότητα TABS αρχίζει έτσι /* Tabs ----------------------------------------------- */ και έχει μήκος περίπου 50 γραμμές.

ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΣΤΟ BLOGGER
Για να βάλουμε το οριζόντιο μενού κάτω απο τον τίτλο και τον υπότιτλο του blog μας πηγαίνουμε στην διάταξη, επιλέγουμε το αντίστοιχο κουτάκι που βρίσκεται κάτω απο τον τίτλο του blog μας και γράφει «προσθήκη gadget» το πατάμε και μέσα στο πλάισιο επικολλάμε τον παρακάτω κώδικα. Αλλάξτε τους συνδέσμους που έχω μαρκάρει με πράσινο χρώμα με τους δικούς σας. Αλλάξτε τους τίτλους των σελίδων που έχω μαρκάρει με κίτρινο χρώμα με τους δικούς σας. Αλλάξτε τους κωδικούς των χρώματων κειμένου, επιλεγμένου κειμένου, border και background που έχουν μπροστά τους το σύμβολο της δίεσης # και είστε έτοιμοι.