Σχετικές αναρτήσεις με εικόνες από το LinkWithin

Σήμερα θα σας δείξω έναν άλλον τρόπο να προσθέσετε τις σχετικές αναρτήσεις κάτω από κάθε ανάρτηση του blog σας.Αυτό το widget παρέχεται από το http://www.linkwithin.com/learn
Μέχρι στιγμής το έχουν υιοθετήσει πολλά μπλογκς.  Πως το βάζω στο blog μου. Είναι πολύ απλό.
Επισκέφτεστε το: http://www.linkwithin.com/learn και κάτω δεξιά σας έχει μια φόρμα για να σας δώσει τον κωδικό.Στην αρχή βάζετε το μαιλ σας (δεν θα σας στείλει κανένα μαιλ απλά θέλει να το έχει σε περίπτωση που θέλει κάτι να σας πει).Μετά γράφετε την διεύθυνση του blog σας.Κατόπιν επιλέγετε σαν πλατφόρμα τον blogger ή όποια άλλη χρησιμοποιείτε και μετά επιλέγετε πόσες σχετικές αναρτήσεις θέλετε να εμφανίζονται.Επιλέξτε σωστά αναλογιζόμενοι το πλάτος των αναρτήσεων σας 'εγώ την έκανα την παπαριά και επέλεξα 5 και φαίνονται άσχημα τώρα.Αν το blog σας είναι σαν το δικό μου ,δηλαδή έχει άσπρα γράμματα σε μαύρο πρότυπο τσεκάρετε το τετραγωνάκι που λέει "My blog has light text on a dark background".Τέλος πατήστε το "Get Widget!" και στη σελίδα που θα σας ανοίξει πατήστε Install gadget και μετά γίνεται αυτόματη προσθήκη gadget από τον blogger.

Αυτός είναι ο απλός και εύκολος τρόπος για να το βάλετε.

Αν όμως θέλετε να εμφανίζονται οι σχετικές αναρτήσεις του Link Within μόνο στις σελίδες των αναρτήσεων και όχι στην αρχική σελίδα (όπως το έχω κάνει εγώ) τι κάνουμε?

Επισκεφτείτε πάλι το http://www.linkwithin.com/learn και κάντε τα όλα όπως σας είπα παραπάνω μόνο που για πλατφόρμα επιλέξτε "Other" όπως φαίνεται και στην παρακάτω εικόνα.

 Αφού πατήσετε λοιπόν "Get Widget!" στον κωδικό που θα σας βγάλει στην επόμενη σελίδα ,αντιγράψτε και φυλάξτε το ID του site σας όπως φαίνεται στην παρακάτω εικόνα.




Αφού λοιπόν έχετε φυλάξει κάπου το ID του site σας ακολουθήστε τα παρακάτω βήματα:

1. Πανόπτης>Διάταξη>Επεξεργασία html>Τσεκάρετε το "Επέκταση προτύπων γραφικών στοιχείων"

2. Χρησιμοποιώντας το ctrl + F βρείτε τον παρακάτω κώδικα:

<div class='post-footer'>

3. Αμέσως πριν (ή πάνω) από το <div class='post-footer'> επικολλήστε τον παρακάτω κώδικα:

<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = YOUR_SITE_ID;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin" style="border: 0" /></a>
</b:if>

Αλλάξτε αυτό που σας έχω μαρκάρει με μπλε με το Site ID σας που έχετε φυλάξει από πριν.

4.Μην ξεχάσετε να αποθηκεύσετε το πρότυπό σας ,κι είστε έτοιμοι!