11 Σεπτεμβρίου 2009



19 Νέο Read more, έτοιμο απο την Blogger (Updated)

Ήρθε η ώρα να ανακοινώσουμε άλλο ένα βήμα της Blogger, σαν δώρο στα 10α γεννέθλιά της! Πολλοί users ζήτησαν έναν εύκολο τρόπο, να κάνουν χρήση του "Read more" link στα blog's τους. Στην ουσία, οι bloggers χρησιμοποιούσαν το"Read more" καιρό τώρα, βάζοντας κώδικες και τροποποιώντας τους HTML κώδικες των προτύπων του - μια διαδικασία περίπλοκη και με συχνά σφάλματα στα blogs. Σήμερα με χαρά σας παρουσιάζουμε το νέο: Jump Breaks, ή αλλοιώς, Read more. Με το Jump Breaks μπορούμε να δείξουμε μόνο ένα δείγμα (snippet) της ανάρτησής μας στο blog. Η Blogger τώρα, τοποθετεί ένα "Read more" link για να εμφανιστεί και η υπόλοιπη ανάρτηση, για να μπορούν να την διαβάσουν οι αναγνώστες σας.
Υπάρχουν δύο τρόποι για να βάλετε το "Read more" jump σε μια ανάρτηση. Εάν χρησιμοποιείτε το new post editor (διαθέσιμο στο Blogger in Draft, ή ενεργοποιώντας το απο τις ρυθμίσεις σας), θα προσέξατε το "Insert jump break" εικονίδιο στηνtoolbar του editor. Κάντε Click σε αυτή την εικόνα και το "jump break" θα μεπί αυτόματα στο blog post σας, εκεί που βρίσκεται ο κέρσορας του ποντικιού σας.
Εάν δεν χρησιμοποιείτε ακόμη το new post editor, αλα το παλιό, μπορείτε και πάλι να βάλετε ένα jump break γυρνώντας τον κειμενογράφο σας σε Edit HTML mode, και γράφοντας με το χέρι: <!-- more --> στο σημείο που θέλετε να εμφανιστεί το jump break. Δείτε την εικόνα για να το καταλάβετε καλύτερα.
Θέλετε να αλάξετε την φράση "Read more" σε κάτι άλλο που εσείς προτιμάτε; Κανένα πρόβλημα. Μπορείτε να επεξεργαστείτε το "Read more" text κάνοντας click στίς ρυθμίσεις Διάταξης (Layout) και κατόπιν κάντε Edit στο Blog Posts widget (των αναρτήσεων).
Update: Users που χρησιμοποιούν ξένα απο την blogger templates: Θα χρειαστεί να κάνετε Edit το HTML του προτύπου σας, για να ενεργοποιηθεί σωστά το Jump Breaks. Πρώτα κάντε back up το template σας, και κατόπιν ακολουθήστε τις παρακάτω οδηγίες: ---------------------------------------
  1. Κάντε log in στο Blogger
  2. Click (Ρυθμίσεις) Layout.
  3. Click (Επεξεργασία HTML) Edit HTML
  4. Check στο box δίπλα στο (Επέκταση προτύπων γραφικών στοιχείων) " Expand Widget Template "όπως δείχνει η εικόνα

    Expand Widget Template-

  5. Βρείτε τον παρακάτω κώδικα:

    <div class="'post-body"> <data:post.body/> <div style="'clear:"> <!-- clear for photos floats --> </div>

  6. Κάντε Copy και paste τον επόμενο κώδικα, ακριβώς κάτω απο τον προηγούμενο:

    <b:if cond="'data:post.hasJumpLink'"> <div class="'jump-link'"> <a href="'data:post.url"><data:post.jumptext/></a> </div> </b:if> Θα φαίνεται έτσι: code

  7. Click στο (Αποθήκευση προτύπου) SAVE TEMPLATE button
  8. ¨Ετοιμο

Με τον τρόπο αυτό, οι λέξεις “Read more »" θα εμφανίζονται για όσο δεν χρησιμοποιείτε original template της blogger.

Σαν προκαθορισμένο (default), οι λέξεις που θα φαίνονται θα είναι “Read more »”, αλα μπορείτε να τις αλάξετε όπως εσείς θέλετε. Να πώς:

  1. Κάντε Log in στο blogger
  2. Click στο (ρυθμίσεις) Layout.
  3. Click στο (Διάταξη) Page Elements
  4. Click στο (Επεξεργασία) "Edit" στο (αναρτήσεις Ιστολογίου) "Blog posts"

    Blog posts element

  5. Σας ανοίγει ένα νέο παράθυρο, αλάξτε εκεί τις λέξεις “Read more” με δικές σας λέξεις.

    edit read more

  6. Click στο (Αποθήκευση) SAVE button
  7. Έτοιμο
(Υ.Γ. Ευχαριστώ πολύ τον φίλο com/ " target="_blank">tuxlibrary για την πολύτιμη ενημέρωσή του σε σχόλιο)
"Φίλε, φίλη Blogger, Εάν σε ενδιαφέρουν οι αναρτήσεις μου, μπορείς να εγγραφείς στο RSS feed του Blog. Μπορείς επίσης να κάνοντας εγγραφή στο Newsletter του blog μου, να λαβαίνεις απ ευθείας κάθε μου ανάρτηση στο email σου. Σε ευχαριστώ που με διαβάζεις,"




Print this post



Related Posts :



19 σχόλια:

Tv-Greek είπε... Best Blogger Tips

Περίμενα από χτες αυτή την ανάρτηση (από την ώρα που πήρα το e-mail από το Blogger Templates and Tricks)Μήπως και το καταλάβω καλύτερα στα ελληνικά και βοηθήσω κάνα φίλο blogger αλλά δεν... Τέλος πάντων. όταν θα έχω χρόνο θα διαβάσω πιο προσεκτικά αυτή την ανάρτηση.


Κατερίνα Ζηκούλη είπε... Best Blogger Tips

Νίκο
Αυτή η ρύθμιση δεν γίνεται σε παλιές αναρτήσεις;
Θα σου πω γιατί. Έκανα πείραμα σε σε μια παλιά ανάρτηση και όταν αποθήκευσα η δεξιά στήλη μου εμφανίστηκε κάτω από τις αναρτήσεις. Τελικά δεν κατάφερα να την επαναφερω και αναγκάστικα να διαγράψω την ανάρτηση. (Είχες κάνει μάλιστα και σχόλιο και δεν θέλω να θεωρηθεί ότι την διέγραψα γι' αυτό) Την ρύθμιση την εκανα από τις ρυθμίσεις και τσεκάρισα το "Ενημερωμένο πρόγραμμα επεξεργασίας". Τι έγινε λάθος; Γι΄αυτό ρωτώ για αναρτήσεις από δω και πέρα...


arkas είπε... Best Blogger Tips

ευχαριστώ πολύ για την πληροφορία AATON.


Greek Rider είπε... Best Blogger Tips

Νίκο καλησπέρα. Πολύ καλή επισήμανση. Από χτες επέλεξα τον καινούργιο editor αλλά δεν το είχα προσέξει αυτό ούτε το είδα στο help του νέου editor.

Καλή συνέχεια


Κώστας M. είπε... Best Blogger Tips

Αυτό που λέει η Κατερίνα το παρατήρησα και εγώ. Δεν μου έγινε μόνο σε παλιά ανάρτηση. Αν κάνω μια καινούργια και βάλω εκ των υστέρων το "Read More" πάλι χαλάει η δομή του blog. Αν το βάλεις από την αρχή δεν φαίνεται να υπάρχει πρόβλημα.
Βέβαια, αν το αφαιρέσεις από την ανάρτηση το πρόβλημα διορθώνεται.


gatodiakritikos είπε... Best Blogger Tips

@Κώστας Μ. και Κατερίνα, το ίδιο διαπιστωσα κι εγω σε ενα ΠΑΛΙΟ ποστ μου (εννοω πριν τη σχετικη ανακοινωση της blogger). Ακολουθηστε την εξης διαδικασια, τουλαχιστον στο template μου δουλεψε. Λοιπον: Πηγαινε στην αναρτηση που θες να "κοψεις".
Πατα "επεξεργασια" (Σύνθεση)
Μετα επελεξε εκεινο το κομματι που θες να "κρυψεις", με το νεο εικονιδιο που προστεθηκε. Θα σου εμφανιστει μια ασπρομαυρη λωριδα.
Μετα, ΑΜΕΣΩΣ πηγαινε 'επεξεργασια html'. Εκει πηγαινε στο τμημα που επελεξες να κρυψεις. Θα βρεις το γνωστο <--more -->. Αμεσως μετα απο αυτο, εγω συναντησα div ΟΧΙ ΑΚΡΙΒΩΣ ΕΤΣΙ απλα με τα συμβολα < κι/ πριν το div και > μετα. Εδω ειναι η παγιδα. Αν το αφησεις ετσι στο σημειο εκεινο, πααρουσιαζεται το προβλημα.

ΑΠΛΑ αφαιρεσε το div κι τα συμβολα του και προσθεσε το πριν το <--more --> Αν τα κανεις σωστα, ολα, πρεπει να δουλευουν σωστα!!
το div ελπιζω να καταλαβες τη μορφη του. Απλα δεν στη γραφω κανονικα γιατι μου απορριπτεται λογω των συμβολων, το σχολιο μου. Ελπιζω να καταλαβες..


AATON είπε... Best Blogger Tips

Λοιπόν, να πώ κι εγώ την γνώμη μου.
Επειδή δεν το δοκίμασα προσωπικά, διότι χρησιμοποιώ το "τεχνητό" Read More εδώ και καιρό, αν θα το δοκίμαζα, θα μου έβγαιναν μπαρούφες, μιας και θα πλακωνόντουσαν οι δύο κώδικες στο ξύλο ποιός να πρωτοεμφανιστεί.
Πειραματιζόμενοι εσείς, θα δείξετε και σ' εμάς τους υπόλοιπους πώς λειτουργεί σωστά, και απο ότι είδα, μέχρι στιγμής ο Γάτος έδωσε μια πολύ απλή και λογική λύση.
Θα φτιάξω όμως ένα "Τέστ blog", να το δώ κι ο ίδιος, και μετά θα σας γράψω και την προσωπική μου εκδοχή.


AATON είπε... Best Blogger Tips

Λοιπόν, έχουμε και λέμε.

Πήγα στο ήδη υπάρχον Blog μου το "Crime Private Investigators" (τώρα κάποιοι θα πάνε να μου την πούνε ότι το κάνω διαφήμιση, κάτσε και θα δείς..)
και το οποίο έχει ήδη 4 αναρτήσεις, αρκετά μακροσκελείς θα έλεγα, και δίχως να χρησιμοποιώ κανένα Read More πρωτύτερα.
Πάτησα λοιπόν τον κέρσορα στο σημείο που ήθελα να γίνει ο διαχωρισμός, και μάλιστα ΟΧΙ στο HTML, αλά απ ευθείας στην "Σύνθεση", πάτησα λοιπόν και το εικονίδιο που κάνει τον διαχωρισμό.
Μου εμφάνισε μια γραμή, η οποία όντως μπήκε στο σημείο που ήταν ο κέρσορας, και χώρισε στα δύο το κείμενο.
Πάτησα μετά "Δημοσίευση ανάρτησης" και όλα μέλι γάλα. Κανένα πρόβλημα με κάποια στήλη, η με μετατόπιση στήλης κ.λ.π.
Το έκανα με την σειρά, σε κάθε μία απο τις 4 αναρτήσεις μου, και τίποτε δεν δείχνει πως κάποιο λάθος υπάρχει κάπου.
Και επαναλαμβάνω, οι αναρτήσεις ΠΡΟ-υπήρχαν.
Πείτε μου τι πιστεύετε εσείς τώρα;
Έχει κάποιος άλλος απο εσάς κάποια ιδέα;
Μήπως στον κώδικα του προτύπου σας υπάρχουν λάθη και κατάλοιπα, απο προηγούμενες άκαρπες προσπάθειες να βάλετε κάποιο script, και που τώρα δημιουργούν Conflickts? Απλά μια σκέψη κάνω, δίχως να σημαίνει τίποτε ουσιαστικά.


AATON είπε... Best Blogger Tips

Γάτε, κάπου κάνεις κάτι λάθος.
Χωρίζοντας το κείμενο απ ευθείας στην "Σύνθεση", έγινε κανονικά ο διαχωρισμός του.
Πήγα κατόπιν στο HTML, και το μόνο που βλέπω, είναι το <!-- more --> αλά πουθενά δεν βλέπω <div> ή </div>.
Πρίν και μετά το <!-- more --> (και που βρίσκεται στη μέση του κειμένου μόνο του) υπάρχει μόνο το κείμενο διαχωρισμένο, τίποτε άλλο.


Κατερίνα Ζηκούλη είπε... Best Blogger Tips

Και σε νέα ανάρτηση δεν βγαίνει.... Φαίνεται μόνο το πρώτο μέρος και μετά δεν γράφει το "διάβασε περισσότερα" για να οδηγηθείς στη συνέχεια...
Και αναφέρομαι βέβαια στην αυτόματη καταχώρηση


gatodiakritikos είπε... Best Blogger Tips

Νικο μου, οντως δικιο εχεις. Απλα η λυση που προτεινα, την εφαρμοσα σε ενα ποστ που μου εμφανιζε ακριβως αυτο το div που εξηγησα κι στο σχολιο μου.

Το εκανα πριν λιγο κι σε μια αλλη αναρτηση, κι δεν μου το εβγαλε τωρα...Τι να πω μαλλον η συγκεκριμενη αναρτηση ειχε προβλημα με την εφαρμογη;; Δεν ξερω...Παντως με τη μεθοδο που εγραψα λυθηκε το προσωρινο προβλημα που ειχε δημιουργηθει... Θα το εφαρμοσω κι σε νεες αναρτησεις κι βλεπουμε..
ΧΑΙΡΕΤΩ..


AATON είπε... Best Blogger Tips

Kraxpelax NO SPAM PLEASE


Aνεμος είπε... Best Blogger Tips

νικο σε ευχαριστουμε για τις συνεχεις ενημερωσεις σου εγω εχω τριστηλο template πιανει βεβαια αλλα μου εξαφανιζει την δεξια πλευρα σβηνει δηλαδη μια στηλη απιστευτο οταν ομως εχει ξεχωριστα την αναρτηση φαινετε κανονικα


Aνεμος είπε... Best Blogger Tips

νικο σε ευχαριστώ και απο εδώ καμια φορά ξεκινάμε απο τα απλά μαλλον κάποιο widget ηταν οπως μου είπες


AATON είπε... Best Blogger Tips

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


gatodiakritikos είπε... Best Blogger Tips

Τελικα Νικο ειχες δικιο. Το εφαρμοσα κι σε αλλο ποστ, οπου δεν ειχε να κανει με div. Δε ξερω. Παντως αναγκαστικα να σβησω το κωδικα του read more, γιατι μου εμφανιζε ολη τη sidebar κατω απο τη τελευταια αναρτηση της πρωτης σελιδας (HOME). Δε ξερω τι να κανω. Μπηκα στο blogger buster που απο οτι ειδα προτεινι κι αυτο λυση, την εφαρμοσα, αλλα δεν αλλαξε κατι.


gatodiakritikos είπε... Best Blogger Tips

Δεν μου βγαινει απο το μυαλο. Εχει να κανει με το template σε αρκετες περιπτωσεις... Και τωρα δεν επιχειρω να κανω τρελες αλλαγες, γιατι στο τελος με βλεπω χωρις blog..


tuxlibrary είπε... Best Blogger Tips

Νομίζω ότι η λύση είναι εδώ http://www.blogspottutorial.com/2007/12/make-post-summary-readmore-function.html

Οι οδηγίες του blogger (http://www.google.com/support/blogger/bin/answer.py?answer=154172) μάλλον είναι ελλειπείς. Μόλις πρόσθεσα το Step #2 δουλεύει οκ!


ralou είπε... Best Blogger Tips

Δεν φαντάζεσαι πόσο είχα ψάξει να βρω το τρικάκι αυτό -έχω τον παλιο editor-
Ευχαριστω σε πολύ πολύ πολύ!


Δημοσίευση σχολίου

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next