Πως να βάλετε το "Διαβάστε περισσότερα" στις αναρτήσεις σας - How to include the "Read more" in your posts!

Από Carolo Key,

Διαβάστε περισσότερα...

Για ακόμα μια φορά αυτά που όλοι σας τα παρουσιάζουν δύσκολα και περίπλοκα το Εγχοιρίδιο σας τα κάνει απίστευτα απλά. Διαβάστε πως μπορείτε να "σπάτε" τις αναρτήσεις σας βάζοντας το "διαβάστε περισσότερα" με ένα μόνο βήμα και χωρίς να αγγίξετε τον κώδικα.

Η διαδικασία είναι τραγικά απλή. Πάμε Πανόπτης --> Ρυθμίσεις --> Βασικό. Τώρα πάμε κάτω κάτω στην σελίδα, και βλέπετε τις Γενικές Ρυθμίσεις όπως στην εικόνα.

Απλά αλλάξτε της "Επιλογή προγράμματος επεξεργασίας ανάρτησης" από "Παλιό πρόγραμμα επεξεργασίας" σε "Ενημερωμένο πρόγραμμα επεξεργασίας - Δείτε τις καινούργιες λειτουργίες!" και αυτό ήταν...

Τώρα κάθε φορά που βρίσκεστε στην σύνθεση της καρτέλας "Νέα ανάρτηση" υπάρχουν κάποια νέα κουμπάκια. Το κουμπάκι που σας δείχνουμε στην φωτογραφία είναι αυτό που σας "σπάει" την ανάρτηση!

Η λειτουργία του είναι πάρα πολύ απλή..στην καρτέλα σύνθεση αφού ολοκληρώσετε το post σας απλά τοποθετείτε το ποντίκι στο σημείο που θέλετε να κοπεί το κείμενο και πατάτε το κουμπάκι. Θα δείτε μια οριζόντια γραμμή που διαχωρίζει το κείμενο σας σε εκείνο το σημείο.

ΠΡΟΒΛΗΜΑΤΑ (SOS) υπάρχει ένα λάθος στον προγραμματισμό της Blogger, βασικά είναι "τρύπα" και όχι λάθος, είναι αρκετά πιθανών να σας εξαφανιστεί η δεξιά στήλη μετά από κάποια εφαρμογή των προαναφερθέντων (Η στήλη στην πραγματικότητα δεν εξαφανίζεται αλλά μεταφέρεται στο τέλος της σελίδας σας). Μην αγχώνεστε δεν είναι τίποτα το σοβαρό. Πάμε στην επεξεργασία της ανάρτησης στο HTML. θα δείτε ότι η γραμμή που βάλαμε στο HTML βγαίνει ως  <!-- more -->. Αυτό πρέπει να είναι στο ΤΕΛΟΣ της παραγράφου που θέλουμε να χωρίσουμε. ΤΕΛΟΣ εννοούμε αφού έχουν κλείσει όλες οι εντολές που είναι ανοιχτές. Απλά λοιπόν το μεταφέρουμε στο τέλος και το πρόβλημα λύνεται.

Πείτε μας αν σας δουλεύει, πιθανά προβλήματα ή αν ανακαλύψατε κάτι που θέλετε να το μοιραστείτε μαζί μας.

Διαβάστε περισσότερα...

Πως να φτιάξετε κονσόλα ελέγχου για το blog σας - How to create an "Admin control panel” in your blogger template

Από Carolo Key,

Ακόμα ένα πολύ καλό trick για να βελτιώσετε το tamplate του blog σας που φιλοξενείτε στην blogger προσθέτοντας μια μικρή κονσόλα ελέγχου που θα την βλέπετε μόνο εσείς και όχι οι επισκέπτες σας. Η κονσόλα είναι ιδιαίτερα χρήσιμη αν έχετε επιλέξει να "διώξετε" την μπάρα από την κορυφή του site σας. Υπάρχουν πάρα μα πάρα πολλά sites που έχουν τον κώδικα και πραγματικά δεν έχουμε καμία ιδέα ποιος τον έγραψε. Εμείς πάντως θα σας παρουσιάσουμε έναν πανεύκολο τρόπο που σκεφτήκαμε για να το κάνετε σε μόνο ένα βήμα.

Η διαδικασία είναι απίστευτα απλή. Μπείτε σε οποιαδήποτε σελίδα του πανόπτη σας και δείτε την διεύθυνση που υπάρχει στην γραμμή διευθύνσεων του browser σας. Θα είναι την μορφής http://draft.blogger.com/post-create.g?blogID=1234567890. Ο αριθμός 123456789 (προφανώς σε εσάς θα είναι ένας άλλος μοναδικός αριθμός) είναι ο αριθμός της ID σας. Το μόνο που έχετε να κάνετε είναι να τον τοποθετήσετε αντικαθιστώντας τα ΧΧΧΧΧ στον παρακάτω κώδικα και να τοποθετήσετε το αποτέλεσμα σε ένα widget.

Ο κώδικας είναι:

<span class="item-control blog-admin">
<h2>Admin Control Panel</h2>
<a href="http://www.blogger.com/post-create.g?blogID=ΧΧΧΧΧ">New Post</a>

|
<a href="http://draft.blogger.com/blog-options-basic.g?blogID=ΧΧΧΧΧ">Settings</a>

|
<a href="http://www.blogger.com/rearrange?blogID=ΧΧΧΧΧ">Change Layout</a>

|
<a href="http://www.blogger.com/html?blogID=ΧΧΧΧΧ">Edit HTML</a>
|
<a href="http://www.blogger.com/moderate-comment.g?blogID=ΧΧΧΧΧ">Moderate Comments</a>
|
<a href="http://www.blogger.com/logout.g">Sign Out</a>
</span>

Υποθέτω ότι ξέρετε πως να το βάλετε σε ένα κώδικα σε widget και ως εκ τούτου σταματάω το άρθρο εδώ. 

Αν έχετε κάποια απορία, αν δεν δουλεύει, ή αν δούλεψε και απλά θέλετε να πείτε τη γνώμη σας ή κάποια πρόταση για βελτίωση αφήστε μας ένα μήνυμα!

Διαβάστε περισσότερα...

Πως να γράψετε κώδικα (html) στην ανάρτησή σας - How to include HTML in your posts

Από Carolo Key,

Πολλές φορές, ειδικά όταν θέλουμε να δείξουμε ένα trick ή ένα hack σε κάποιο post πρέπει να γράψουμε κώδικα που αν γραφεί στην κανονική του μορφή είναι πολύ απίθανο να εμφανιστεί καθώς συνήθως περιέχει "απαγορευμένους" χαρακτήρες. Διαβάστε παρακάτω πως μπορείτε να δημοσιεύσετε τον κώδικά σας μέσα σε ανάρτηση...

Μπορεί να φανεί πολύ απλό αλλά οι μόνοι "απαγορευμένοι" χαρακτήρες που σας δημιουργούν όλα τα προβλήματα είναι το < και το > . Για αυτούς τους χαρακτήρες λοιπόν πρέπει να βρεθεί ένας εναλλακτικός τρόπος γραφής. Αυτό γίνεται μέσα από τον παρακάτω πίνακα. Όπως βλέπετε δεξιά από το κάθε σύμβολο υπάρχει ο κώδικας που το αντικαθιστά και λύνει το πρόβλημα.

Έτσι όταν έχουμε ένα κομμάτι κώδικα το μεταφέρουμε καταρχάς σε έναν επεξεργαστεί κειμένου, μαρκάρουμε το σύμβολο που θέλουμε να αλλάξουμε, πατάμε Ctrl+F,  πατάμε εύρεση όλων, αντικατάσταση και είμαστε έτοιμοι. 

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

Διαβάστε περισσότερα...

Πως να βάλετε FavIcon στο Blog σας - How to create a FavIcon for your Blog

Από Carolo Key,

Είναι πολλά, μα πάρα πολλά τα sites που σας λένε πως να βάλετε FavIcon στο Blog σας που έχετε στην Blogspot αλλά επειδή μέχρι τώρα στο δικό μας ιστολόγιο δεν είχε δουλέψει κανένας τρόπος σας παρουσιάζουμε αυτό που κάναμε και δούλεψε....

Τα FavIcon είναι ότι ακριβώς και τα Gravatars στην Wordpress δηλαδή αυτές οι μικρές εικόνες που μπαίνουν στην νέα καρτέλα και βοηθάνε το Blog σας να ξεχωρίζει. Εμείς έχουμε επιλέξει αυτό το υπέροχο μικρό, χνουδωτό και γούτσου Εγχοιρίδιο με τα χαρισματικά αυτιά και το θεληματικό πηγούνι αλλά εσείς μπορείτε να επιλέξετε ότι σας αρέσει.

Αν δεν τα πάτε και πολύ καλά με το photoshop μπορείτε να χρησιμοποιήσετε μια μηχανή που να σας φτιάξει αυτόματα την εικόνα που θέλετε σαν  FavIcon. Υπάρχουν πολλές αλλά θα προτείνουμε την http://iconj.com/ που είναι εντελώς δωρεάν και δεν χρειάζεται καν εγγραφή. Ας το δούμε σε απλά βήματα.

1) Πάμε στην σελίδα http://iconj.com/ και ανεβάζουμε την εικόνα που έχουμε στον υπολογιστή μας (καλύτερα να είναι σχετικά τετράγωνη, αν και δεν είναι απαραίτητο). Η μηχανή είναι στα δεξιά της σελίδας όπως βλέπετε και στην φωτογραφία με το βελάκι.

2) Αφού φτιάξουμε την εικόνα μας δίνει 2 επιλογές. Να την κατεβάσουμε στον υπολογιστή μας ή να πάρουμε ένα κώδικα που να θα τον προσαρμόσουμε στο Html της σελίδας μας. Πάρτε τον κώδικα και αντιγράψτε τον σε ένα αρχείο κειμένου. Θα μας χρειαστεί αργότερα γιαυτό καλό είναι να μην τον χάσετε.

3) Πάμε τώρα στο κώδικα του Blog μας. Πανόπτης --> Διάταξη --> Επεξεργασία HTML. Πατάμε λήψη προτύπου για να έχουμε το κεφάλι μας ήσυχο.

4) Πατάμε Ctrl+F και στην καρτέλα αναζήτησης ψάχνουμε <b:skin> . Λογικά θα σας βγάλει μόνο ένα αποτέλεσμα. ΑΚΡΙΒΩΣ ΠΡΙΝ από αυτό θα γράψετε τον κώδικα που σας δίνω από κάτω.

<!-- iconj.com animated favicon code --> <link href='http://www.iconj.com/ico/k/d/kdbfayjodp.ico' rel='shortcut icon' type='image/x-icon'/>

5) Δεν τελειώσαμε ακόμα, αντικαταστήστε αυτό που σας έχω με κόκκινο με την διεύθυνση που βρίσκεται το δικό σας FavIcon. Αυτή την διεύθυνση θα την βρείτε μέσα στον κώδικα που έχουμε σώσει στο word στο βήμα 2. ΠΡΟΣΟΧΗ! δεν αντικαθιστάται όλο τον κώδικα αλλά μόνο την διεύθυνση. Δηλαδή το κομμάτι ανάμεσα σε "http:// ........ .ico ". Δείτε στο παρακάτω παράδειγμα με μπλε το κομμάτι που πρέπει να μεταφέρετε.

<link rel="shortcut icon" href="http://www.iconj.com/ico/s/k/skt0cljt58.ico" />

6) Κάνουμε την καθιερωμένη μεγάλη μας ευχή και πατάμε αποθήκευση (έχουμε παρατηρήσει ότι πολλές φορές στην προησκόπηση οι αλλαγές δεν φαίνονται σωστά) αν όλα πήγαν καλά τώρα πρέπει να βλέπετε το νέο σας  FavIcon στην καρτέλα του Blog σας.

Αφήστε ένα σχόλιο αν σας δούλεψε ή αν έχετε άλλες ερωτήσεις σχετικές με τη διαμόρφωση των προτύπων της Blogger.

Διαβάστε περισσότερα...

Πως αφαιρούμε την μπάρα της Blogger - How to remove remove blogger navbar

Από Carolo Key,

Οι περισσότεροι Bloggers επιλέγουν να αφαιρέσουν την navbar της Blogger για πολλούς και διάφορους λόγους (κύριος λόγος ότι η ύπαρξή της μόνο αρνητικά αποτελέσματα μπορεί να έχει). Υπάρχουν πολλοί τρόποι που σας επιτρέπουν να αφαιρέσετε την "ενοχλητική" μπάρα από το template σας. Το Εγχοιρίδιο βρήκε ένα βιντεάκι με tutorial που σας δείχνει την διαδικασία βήμα βήμα και σας το παρουσιάζει.

Ο κώδικας που πρέπει να επικολλήσετε είναι:

#navbar-iframe {
   display: none !important;

}

Remove Blogger Navbar - For more funny videos, click here

Αφήστε ένα σχόλιο αν σας δούλεψε ή αν έχετε άλλες ερωτήσεις σχετικές με τη διαμόρφωση των προτύπων της Blogger. 

Remove Blogger Navbar - For more funny videos, click here Διαβάστε περισσότερα...

Πώς να βγάλετε τις γραμμές από τα templates της blogspot (blogger)

Από Carolo Key,

 Αν επιθυμείτε να ανοίξετε κάποιο λογαριασμό στην blogger ή αν ήδη έχετε κάποιο blog είναι πολύ πιθανών να έχετε παρατηρήσει ότι υπάρχουν κάποιες ημιδιαφανείς (και αρκετά κακόγουστες) γραμμές γύρω από τις φωτογραφίες αλλά και σε διάφορα σημεία του blog που οι περισσότεροι bloggers επιλέγουν να αφαιρέσουν. Πατήστε το «διαβάστε περισσότερα» για να δείτε πώς μπορείτε να τις αφαιρέσετε..

1) Πρέπει να πάμε στην σελίδα επεξεργασίας της HTML που δημιουργεί το blog μας. Αυτό μπορεί να γίνει με διάφορους τρόπους ανάλογα με το αν έχετε αφήσει την μπάρα του blogger στην κορυφή του blog σας ή όχι. Αν έχετε την μπάρα πατήστε Προσαρμογή à Διάταξη (αν και λογικά στην καρτέλα Διάταξη θα σας πάει) à Επεξεργασία HTML.

2) Πρέπει να βλέπετε μια σελίδα όμοια με αυτή της φωτογραφίας. Πατήστε «Λήψη πλήρους προτύπου» (δείτε το βελάκι στην εικόνα) ώστε και να γίνει οποιαδήποτε ζημιά να μην χάσετε τίποτα. Είναι απαραίτητο να σώζετε πάντα το πρότυπό σας πριν κάνετε οποιαδήποτε αλλαγή.

3) Πατήστε CTRL+F για να σας ανοίξει το παράθυρο αναζήτησης και αναζητήστε 1px. Λογικά θα σας βγάλει 5-6 αποτελέσματα αν έχετε το απλό πρότυπο, αυτό συμβαίνει γιατί το blog σας έχει πολλές αυτές τις γραμμές σε διάφορα σημεία.

4) Για να εξαφανιστούν οι γραμμές πρέπει να αλλάξετε στον κώδικα το 1px à 0 px σε όποιο μέρος του blog θέλετε να εξαφανιστούν οι γραμμές (προτείνουμε να τα αλλάξετε όλα).

5) Κάντε μια μεγάλη ευχή…

6) Πατήστε αποθήκευση προτύπου…. Αυτό ήταν!!!

Αφήστε ένα σχόλιο αν δούλεψε ή αν έχετε άλλες ερωτήσεις…

Διαβάστε περισσότερα...