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://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

Μπορείτε και μόνοι σας να βρείτε ωραία εικονίδια από το http://images.google.gr/imghp?hl=el&tab=wi
(Google Image) αναζητώντας με λέξεις κλειδιά ,όπως: http://images.google.gr/search?hl=el&source=hp&q=home+icon&btnG=%CE%91%CE%BD%CE%B1%CE%B6%CE%AE%CF%84%CE%B7%CF%83%CE%B7+%CE%B5%CE%B9%CE%BA%CF%8C%CE%BD%CF%89%CE%BD&gbv=2&aq=&oq=&biw=1024&bih=478&sei=JOL9TvvlDKjm4QTY59GNCA&tbm=isch (Home Icon) , http://images.google.gr/search?gbv=2&hl=el&newwindow=1&sa=1&q=arrow+left&btnG=%CE%91%CE%BD%CE%B1%CE%B6%CE%AE%CF%84%CE%B7%CF%83%CE%B7+%CE%B5%CE%B9%CE%BA%CF%8C%CE%BD%CF%89%CE%BD&aq=f&oq=&start=0&biw=1024&bih=478&sei=T-L9ToynLufa4QS8xfysAQ&tbm=isch και  http://images.google.gr/search?gbv=2&hl=el&newwindow=1&sa=1&q=arrow+right&btnG=%CE%91%CE%BD%CE%B1%CE%B6%CE%AE%CF%84%CE%B7%CF%83%CE%B7+%CE%B5%CE%B9%CE%BA%CF%8C%CE%BD%CF%89%CE%BD&aq=&oq=home+icon&start=0&biw=1024&bih=478&sei=quL9TveYF8bj4QTUgb2nCg&tbm=isch

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

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


http://www.bloggertips.gr/