Latest News

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

Τρίτη 17 Νοεμβρίου 2009 , Posted by Admin at 8:48 π.μ.

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

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>


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

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

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

Πηγή : johnpatrablog.blogspot.com

Currently have 0 σχόλια:

Leave a Reply

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