• 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 PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΓΙΝΕΤΑΙ ΑΠΟΚΡΥΨΗ Ή ΕΜΦΑΝΙΣΗ ΤΩΝ GADGETS

ΑΠΟΚΡΥΨΗ GADGET
ΠΩΣ ΓΙΝΕΤΑΙ ΑΠΟΚΡΥΨΗ Ή ΕΜΦΑΝΙΣΗ ΤΩΝ GADGETS ΣΕ ΟΠΟΙΕΣ ΣΕΛΙΔΕΣ ΘΕΛΟΥΜΕ 
Τα gadget που βάζουμε στο blog μας εμφανίζονται και στην αρχικη μας σελιδα και στις στατικές σελίδες μας αλλά και σε ολες τις αναρτήσεις μας. Καλό είναι να ακοκρύψουμε μερικά gadgets από τις σελίδες των αναρτήσεών μας και να τα αφήσουμε μόνο στην αρχική. Αυτό γιατί οι αναρτήσεις μας μπορεί να είναι και πάνω από 1000 ενώ η αρχική είναι μία σελίδα, είναι δηλαδή πιο σπουδαίο να είναι γρήγορο στη φόρτωση το blog μας για 1000 αναρτήσεις παρά για μία μόνο σελίδα. 

ΠΩΣ ΒΑΖΩ ΕΠΙΠΛΕΟΝ ΠΕΔΙΑ GADGET ΣΤΟ BLOGGER

ΠΡΟΣΘΗΚΗ GADGET
ΠΩΣ ΒΑΖΩ ΕΠΙΠΛΕΟΝ ΠΕΔΙΑ GADGET ΣΤΟ BLOGGER
Για να προσθέσω επιπλέον πεδία gadgets στην διάταξη του blogger πάνω ή κάτω από τον τίτλο του blog, αλλά και πάνω ή κάτω από τις αναρτήσεις μου πρέπει να αλλάξουμε κάποιες ρυμθίσεις που βρίσκονται μέσα στο πρότυπο. Είναι πάρα πολύ απλό, θα χρειαστεί μόνο να αλλάξουμε ένα νούμερο και δύο “no” να τα κάνουμε “yes”. Πηγαίνουμε στην επεξεργασία του προτύπου μας και πατάμε τον κέρσορα στο τέλος της πρώτης γραμμής και μετά πατάμε τα πλήκτρα Ctrl+F για να εμφανιστεί το πλαίσιο αναζήτησης εντός του κώδικα HTML.

ΠΩΣ ΒΑΖΩ ΔΙΑΦΟΡΕΤΙΚΟ ΦΟΝΤΟ ΣΕ ΚΑΘΕ ΑΝΑΡΤΗΣΗ

BACKGROUND
ΠΩΣ ΒΑΖΩ ΔΙΑΦΟΡΕΤΙΚΟ ΦΟΝΤΟ ΣΕ ΚΑΘΕ ΑΝΑΡΤΗΣΗ.
Για να βάλουμε διαφορετικό φόντο ή εικόνα φόντου σε κάθε ανάρτηση θα χρειαστεί να προσθέσουμε 3-4 γραμμές κώδικα στο τέλος της ανάρτησης αυτής που θέλουμε να εμφανίζεται με διαφορετικό χρώμα φόντου αλλά ακόμα και με διαφορετική εικόνα φόντου. Αν βάλουμε τον κώδικα αυτόν στην αρχή της ανάρτησης τότε όσες αναρτήσεις εμφανίζονται στην αρχική σελίδα είτε έχουν είτε δεν έχουν read more θα έχουν το χρώμα ή την εικόνα φόντου που επιλέξαμε για αυτήν την ανάρτηση που ήταν μέσα στις 2-15 ή και περισσότερες αναρτήσεις της αρχικής μας σελίδας. 

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

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

ΠΩΣ ΒΑΖΩ ΕΙΚΟΝΑ ΦΟΝΤΟΥ ΣΤΟ ΥΠΟΣΕΛΙΔΟ

ΦΟΝΤΟ ΥΠΟΣΕΛΙΔΟΥ
ΠΩΣ ΒΑΖΩ ΕΙΚΟΝΑ ΦΟΝΤΟΥ ΣΤΟ ΥΠΟΣΕΛΙΔΟ.
Για να βάλουμε εικόνα φόντου αντί για ένα απλό χρώμα στο υποσέλιδο μας πάμε στην επεξεργασία του προτύπου και πατάμε τα πλήκτρα Ctrl+F για να εμφανιστεί το κουτάκι της αναζήτησης εντός του κώδικα HTML. Μέσα στο κουτάκι αναζήτησης γράφουμε footer.background και πατάμε enter. Θα οδηγηθούμε στην εξής γραμμή κώδικα η οποία είναι ελαφρώς παραλλαγμένη στο τέλος της ανάλογα με το πρότυπο που έχουμε.
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/>

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

ΕΙΚΟΝΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ
ΠΩΣ ΒΑΖΩ ΜΙΑ ΕΙΚΟΝΑ ΓΙΑ ΦΟΝΤΟ ΑΝΑΡΤΗΣΗΣ
Για να βάλω μία εικόνα για φόντο ανάρτησης αντι για το απλό άσπρο ή σκούρο χρώμα που μας δίνει ο blogger πρέπει να πάω στην επεξεργασία του προτύπου και να ανοίξω το πρώτο βελάκι που θα συναντήσω το οποίο βρίσκεται περίπου ανάμεσα στις γραμμές 13-43 του κώδικα του blog μας για να επεκταθεί ο κρυμένος κώδικας ο οποίος είναι με μπλέ γράμματα. Πηγαίνουμε στην ενότητα /*Posts ------*/ περίπου ανάμεσα στις γραμμές 575-605 και ψάχνουμε τη γραμμή που γράφει .date-outer { και μετά από 3 γραμμές βρίσκουμε την γραμμή που γράφει background-color: $(post.background.color); την σβήνουμε και στη θέση της βάζουμε αυτή :

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

ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ ΑΝΑΡΤΗΣΗΣ
Για σωστή αντιγραφή και σωστή μορφοποίηση του κειμένου σκιάζουμε το κέιμενο απο την ιστοσελίδα που το είδαμε μαζί με τις εικόνες που τυχόν θα έχει και το κάνουμε επικόλληση στο word 2010 ή 2013 πατώντας δεξί click και το εικονίδιο Α δηλαδή να αντιφραφεί μόνο το κείμενο όχι οι εικόνες. Μετά σκιάζουμε όλο το κείμενο που επικολλήθηκε στο word και ξαναπατάμε δεξί κλίκ και επιλέγουμε παράγραφος. Εδώ μειώνουμε τα κενά του κειμένου που επικολλήσαμε στο word σε 0 και μονό διάστημα απόστασης μεταξύ των γραμμών του κειμένου.

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

ΠΩΣ ΒΑΖΩ ΑΡΙΘΜΗΣΗ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΜΟΥ Νο 1
Αυτό είναι ένα widget που αριθμεί τις αναρτήσεις σας. Eίναι από τα πιο απλά που υπάρχουν και μπαίνει σαν απλό gadget μετά το τέλος της σελίδας των αναρτήσεων σας.
Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στο πρώτο κουτί που του υποσέλιδου κάτω από την ανάρτηση του blog μας. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Αντικαταστήστε τους κωδικούς των χρωμάτων που είναι μαρκαρισμένα με πράσινο χρώμα με αυτά της αρεσκείας σας. Ρυθμίστε πόσες αναρτήσεις θα εμφανίζονται σε κάθε σελίδα αντικαθιστώντας το κίτρινο νούμερο. Ρυθμίστε πόσα κουμπιά θα εμφανίζονται για να μεταβαίνετε στις σελίδες των αναρτήσεών σας, αντικαθιστώντας το πορτοκαλί νούμερο.

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

SCROLLING TITLE
ΠΩΣ ΒΑΖΩ ΚΙΝΟΥΜΕΝΟ ΤΙΤΛΟ ΣΤΟ BLOG ΜΟΥ
Στο blog μου, θα δείτε οτι ο τίτλος του blog στην καρτέλα του browser κινείται προς τα αριστερά. Eίναι ένα πολύ όμορφο εφέ για την εμφάνιση της σελίδας σας. Δείτε παρακάτω πως γίνεται.
Κάνετε Login στο Blogger => Πρότυπο => Επεξεργασία HTML. Τσεκάρετε το "Επέκταση προτύπων γραφικών στοιχείων". Μετά πατήστε (CTRL+F) και βρείτε τη φράση : <head> και αμέσως πρίν από αυτήν, κάντε επικόλληση τον παρακάτω κώδικα :

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ EXCEL ΣΤΟ BLOG MOY

EMBED EXCEL
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ EXCEL ΣΤΟ BLOG MOY
Για να κάνουμε ενσωμάτωση ένα φύλλο excel στο blog μας πρέπει να έχουμε εγκαταστήσει στον chrome browser μας τα υπολογιστικά φύλλα excel από το chrome store. Θα βρείτε την εφαρμογή σε αυτήν την διεύθυνση : https://chrome.google.com/webstore/search/Sheets Αφού ανεβάσετε το αρχείο excel στο google drive πηγαίνετε με το ποντίκι πάνω στο αρχείο και πατήστε δεξί κλίκ και στο μενού που θα ανοίξει πατήστε ανοιγμα με τα υπολογιστικά φύλλα excel. Μόλις ανοίξει το φύλλο excel πηγαίνετε στο οριζόντιο μενού και πατήστε αρχείο και μετά δημοσίευση στον ιστό. Στο παράθυρο που θα ανοίξει αμέσως μετά πατήστε ενσωμάτωση και αντιγράψτε τον κώδικα που σας δίνει ο οποίος θα είναι της παρακάτω μορφής :

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

EMBED MUSIC
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ DROPBOX ΜΟΥ
Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο dropbox μας. Μετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και τέρμα δεξιά του πατάμε το κουμπί «share». Μετά πατάμε πάνω στα μπλέ γράμματα που γράφουν «set visibility / expiration» και επιλέγουμε το αρχείο μας να μπορούν να το δούν όλοι όσοι έχουν το link. Ακριβώς από πάνω το dropbox μας δίνει ένα σύνδεσμο ο οποίος είναι αυτής της μορφής :