Previous,Home,Next Page (με εικόνες) κατω απο καθε post - UPDATE

Έχετε δει σε μερικά blogs που κάτω από κάθε ανάρτηση αντί να έχουν με γράμματα το "Νεότερη ανάρτηση - Αρχική σελίδα - Παλαιότερη Ανάρτηση" το έχουν με εικόνες?
Για να δείτε τι εννοώ πατήστε εδώ και δείτε τις εικόνες που έχει κάτω από το ποστ αντί να τα γράφει με γράμματα.Αν σας αρέσει διαβάστε παρακάτω πως θα το κάνετε κι εσείς.

Ακολουθήστε τα παρακάτω βήματα:

1. Σύνδεση στον λογαριασμό σας από το blogger.com
2. Πανόπτης>Διάταξη>Επεξεργασία html>Back up το template σας
3. Τσεκάρετε το τετραγωνάκι που γράφει "Επέκταση προτύπων γραφικών στοιχείων"
4. Τώρα θα βρίσκουμε (με την βοήθεια πάντα του Ctrl + F) τους τρεις ("Νεότερη ανάρτηση - Αρχική σελίδα - Παλαιότερη Ανάρτηση") κωδικούς με τη σειρά και θα τους αντικαθιστούμε με αυτούς που έχουν εικόνα.

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

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

Αντικατέστησέ τον με τον παρακάτω κωδικό:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑΣ ΣΟΥ' title='ΠΡΟΗΓΟΥΜΕΝΑ'/></a>
</span>
</b:if>

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

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

Αντικατέστησέ τον με τον παρακάτω κωδικό:

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑΣ ΣΟΥ' title='ΕΠΟΜΕΝΑ'/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

Αντικατέστησέ τον με τον παρακάτω κωδικό:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑΣ ΣΟΥ' title='ΑΡΧΙΚΗ ΣΕΛΙΔΑ'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

Οι παραπάνω κώδικες είναι ο ένας κάτω από τον άλλον.
Όπου λέει "ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑΣ ΣΟΥ" βάζετε τη διεύθυνση της ανάλογης εικόνας σας.
Ο πρώτος κώδικας αντιστοιχεί στις νεότερες αναρτήσεις,
το δεύτερο στις προηγούμενες και ο τρίτος και τελευταίος στην αρχική σελίδα.
Σας τα είπα για να ξέρετε τη σειρά με την οποία θα τοποθετήσετε τις εικόνες σας.

Εικόνες μπορείτε να βρείτε της αρεσκείας σας.

Σας δίνω εγώ τρία ζευγάρια από τρεις εικόνες αν δυσκολεύεστε να βρείτε μόνοι σας.

http://i34.tinypic.com/20kp46u.png
http://i34.tinypic.com/2r20jtt.png
http://i34.tinypic.com/sdjmgx.png
ή
http://i39.tinypic.com/20t5b9g.png
http://i44.tinypic.com/20u7es7.png
http://i42.tinypic.com/ixa1pf.png
ή
http://img238.imageshack.us/img238/8166/nees.jpg?imgmax=800
http://img128.imageshack.us/img128/3817/palies2.jpg?imgmax=800
http://img339.imageshack.us/img339/4121/homedl.jpg?imgmax=800
(Τις τελευταίες τρεις φώτο τις πήρα από το nikos63.blogspot.com και είναι ιδανικές για μαύρα template)

Μπορείτε και μόνοι σας να βρείτε ωραία εικονίδια από το Google Images αναζητώντας με λέξεις κλειδία ,όπως: "home icon" , "arrow (=βέλος) left" , "arrow right"

Και απλά βάζετε το url των φωτογραφίων σας εκεί που λέει "ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑΣ ΣΟΥ".Προσέξτε μόνο να τα βάλετε με τη σωστή σειρά και όχι μπερδεμένα γιατί δεν θα σας βγει το επιθυμητό αποτέλεσμα.

5. Αποθήκευση του προτύπου σας!

Αφήστε ένα σχόλιο παρακαλώ και πείτε μου αν τα καταφέρατε.

Τέλος να ευχαριστήσω θερμά τον φίλο από το blog "greek-comix-downloads.blogspot.com" που μου έστειλε τα παραπάνω scripts.Χωρίς αυτόν δεν θα υπήρχε σήμερα αυτό εδώ το ποστ που μου το ζήτησαν αρκετοί από εσάς.