11.9.14

Blogger Tips: Μικρά και απλά μυστικά



Σήμερα θα σας δείξω κάποια μικρά αλλα χρήσιμα tips για το blog σας.
Μερικά απο αυτά μου τα έχετε εσείς ζητήσει οπότε τώρα που βρήκα λίγο χρόνο ετοίμασα το σχετικό ποστ.
Πάμε λοιπόν να δούμε τι έχω για εσάς.

1. Πως γίνεται να αποφύγω τον τίτλο σε μια εικόνα που βάζω στον πλευρινή στήλη του blog μου
Είμαι σίγουρη πως αρκετοί απο εσάς θα έχετε διαπιστώσει πως όταν ανεβάσετε μια εικόνα στην πλευρινή στήλη πρέπει απαραίτητα να συμπληρώσετε και ένα τίτλο.
Πολλοί απο εμάς (ναι και εγω μαζί) δεν το θέλουμε πάντα αυτό.
Βρήκα λοιπόν σε μια βόλτα στο ίντερνετ την πιο κάτω λύση

Βήματα:
1. Πάμε στην ΔΙΑΤΑΞΗ, επιλέγουμε προσθηκη GADGET/HTML και ΠΡΟΣΘΗΚΗ ΕΙΚΟΝΑΣ
2. Στην θέση του τίτλου γράφουμε αυτο  <!-- -->
3. Πατάμε ΑΠΟΘΗΚΕΥΣΗ και ετοιμο
Tip: Αν η εικόνα σας θέλετε να οδηγεί σε κάποια σελίδα απλά βάζετε το link εκεί που λέει σύνδεσμος



2.Πως να βάλετε μια εικόνα favicon
Τι είναι η εικόνα favicon και πως θα την βάλετε? Είναι πολύ απλό.
Καταρχήν μιλάμε για το μικρό εικονίδιο που εκφράζει το blog μας. Είναι μια μικρή εικόνα που εμφανίζεται στο όνομα του blog σας και φαίνεται και στις λίστες ιστολογίων.
Για να δούμε πως την βάζουμε.



Βήματα:
1. Πάμε στην ΔΙΑΤΑΞΗ, και επιλέγουμε πάνω στην αρχή εκεί που γράφει Favicon 
2. Θα σας εμφανίσει το παράθυρο με τις επιλογές. Διαλέγετε από τον υπολογιστή σας ( αφού εχετε φυλάξει ) την εικόνα που θέλετε ! 
Προσοχη! Σας αναφέρει τις απαραίτητες διαστάσεις που χρειάζεται. η εικόνα πρέπει να είναι πολύ μικρή και σε τετράγωνο σχήμα. 
3. Αποθηκεύετε και έτοιμο.
Πλέον δίπλα από το όνομα του blog σας θα φαίνεται και το εικονίδιο



3.Εισαγωγή post divider (διαχωριστικου)
Σίγουρα όλοι μας έχουμε δει σε κάποια blogs να υπάρχει ένα post divider (διαχωριστικό) κάτω από την ανάρτηση.
Τι είναι ακριβώς αυτό? Μια εικόνα που εκτός του ότι κάνει το blog σας πιο όμορφο, διαχωρίζει τις αναρτήσεις έτσι ώστε να μην φαίνονται πολύ κοντά η μια στην άλλη ή κολλημένες.
Ο τρόπος που μπαίνει στο blog είναι εύκολος και θα σας δείξω τα βήματα πιο κάτω.


Ο κωδικός που θα χρειάστούμε είναι ο πιο κάτω
.post{margin: 0 0 40px 0;
width: 90%;
background: url(εδώ βάζετε το url της εικόνας που θέλετε να φαίνεται);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:4.5em;
}

Βήματα:
1.Κάνουμε copy-paste τον πιο πάνω κωδικό. 
Ακολούθως παμε στo ΠΡΟΤΥΠΟΠΡΟΣΑΡΜΟΓΗ για να προσαρμοσουμε τον κώδικα.


2.Στην σελίδα ΠΡΟΣΑΡΜΟΓΗ διαλέγουμε την επιλογή ΠΡΟΗΓΜΕΝΗ και ακολούθως ΠΡΟΣΘΗΚΗ CSS. Κάνουμε copy-paste τον κώδικα μας και πατάμε ΕΦΑΡΜΟΓΗ.

Tip: Μολις βάλετε τον κώδικα πατήστε ENTER και περιμένετε να σας εμφανιστεί στην οθόνη που δείχνει το blog σας το post divider. Αν θέλετε να κάνετε κάποιες αλλαγές μεταξύ των αποστάσεων αλλαξτε τα νούμερα του κώδικα που marging και padding bottom.



Καλή τύχη!
Για οποιαδήποτε απορία ή βοήθεια μπορείτε να μου στείλετε mail :)

20 σχόλια:

  1. Καλημέρα Μαράκι γλυκό
    Πολύ κατατοπιστική η ανάρτησή σου και εύκολη η προσθήκη του divider χωρίς να επέμβεις στο HTML
    Φιλάκια πολλά

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Γεια σου κυρια Χαρα μου !!
      Ναι ναι ειναι πολυ ευκολο
      βασικα παντα ψαχνω ευκολες και απλες λυσεις .
      Φιλια πολλα!

      Διαγραφή
  2. Να ΄σαι καλά Μαράκι, μου!!! Δεν ξέρεις, πόσο χρήσιμα είναι για μένα όλα αυτά, που δεν ξέρω την τύφλα μου!!! Πολλά ευχαριστώ!!!
    Γλυκά φιλιά!!!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Παρακαλω Ειρηνη μου!
      Χαρα μου να βοηθαω οταν μπορω
      Πολλα φιλια

      Διαγραφή
  3. Αγαπούλα μου ειδικά με το πρώτο μου άνοιξες τα τσαχπινογαργαλιάρικα ματάκια μου!
    Να'σαι καλά!
    Μάκια ! ♥

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Χεχεχε ειδες μανουλααααα???
      Μακια πολλα πολλα

      Διαγραφή
  4. Πολύ χρησιμα και κατατοπιστικά! σ ευχαριστουμε

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Παρακαλω Αριαδνη μου
      Να σαι καλα.
      Καλο βραδυ

      Διαγραφή
  5. Νά'σαι καλά, Μαράκι, πολύ χρήσιμα όλα αυτά!!!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σας ευχαριστω κυρια Μαριαννα μου

      Διαγραφή
  6. Μπράβο Μαράκι μου, μπράβο! Πολύ χρήσιμη ανάρτηση και αυτή......

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Ευχαριστω κοπελιτσα μου καλη :)
      Μου αρεσει να ασχολουμαι με τετοια. ολο ψαχνω απο δω και απο κει, και οτι θεωρησω βοηθητικο και ωραιο..τσουυυυυπππππ
      Εδω !!

      Διαγραφή
  7. Πολύ χρήσιμη η ανάρτησή σου Μαράκι!! Καλό Σαββατοκύριακο να έχεις :)

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Καλο Σκ Δημητρα μου
      Σε ευχαριστω πολυ

      Διαγραφή
  8. Πολύ ωραία!!!! αυτό με το post divider δεν το ήξερα! thankssssss girl!!!!

    ΑπάντησηΔιαγραφή
  9. Πολύ χρήσιμη,καλή παρουσίαση και προπάντων κατανοητή η ανάρτηση σου!
    Για προσωπικούς λόγους που κάποια στιγμή θα εξηγήσω, έκανα το μπλοκάκι μου κλειστό..
    δώσε μου σε παρακαλώ ένα mail να σου στείλω πρόσκληση..

    Την καλημέρα μου

    ΑπάντησηΔιαγραφή

Τα σχόλια όλων είναι καλοδεχούμενα εφόσον δεν προσβάλλουν τον συγγραφέα και τον αναγνώστη,
Ευχαριστω