Μετά από πολλά μηνύματα σας αναφέροντας ότι ο προηγούμενος κώδικας δεν λειτουργεί, το άρθρο ανανεώθηκε με νέο και δοκιμασμένο για την σωστή λειτουργία του κώδικα (είναι ο ίδιος που χρησιμοποιούμε και εμείς). 
Και πάλι για οτιδήποτε χρειαστείτε μην διστάσετε να γράψετε σχόλιο ή να επικοινωνήσετε μαζί μας μέσω της σελίδας “Επικοινωνία”.

Όπως θα έχετε δει και εσείς, στα περισσότερα blogs (όπως και στο δικό μας) κάτω από κάθε δημοσίευση υπάρχουν μερικά σχετικά άρθρα, με μικρογραφίες. 

Ο κυριότερος λόγος να έχετε κάτι τέτοιο και στο δικό σας blog, είναι διότι μπορείτε να δείξετε στον αναγνώστη κάτι σχετικό, και έτσι να περάσει αρκετά περισσότερη ώρα στο blog σας, κάτι που μόνο θετικά αποτελέσματα μπορεί να φέρει σε εσάς. 

Για όσους δεν έχουν καμία εξοικείωση με την επεξεργασία του κώδικα, υπάρχει πάντα η εύκολη και γρήγορη λύση, που μας την προσφέρει η σελίδα LinkWithin .
 
Για όσους πάλι θέλουν κάτι πιο παραμετροποιήσιμο, δείτε πόσο εύκολα μπορείτε να το προσθέσετε μόνοι σας, αλλάζοντας οτιδήποτε δεν σας αρέσει. 
 
Πηγαίνουμε στην αρχική σελίδα του back-end του blog μας, επιλέγουμε “Πρότυπο” και στην συνέχεια “Επεξεργασία HTML”. 
 
Καλό είναι πάντα για παν ενδεχόμενο, να κρατάμε αντίγραφα ασφαλείας. Αν δεν ξέρετε πως, ακολουθήστε τον οδηγό κάνοντας κλικ εδώ.
 
Είμαστε λοιπόν στην Επεξεργασία HTML. Πατάμε το κουμπί “Μορφοποίηση Προτύπου” πάνω δεξιά

 

 
Στην συνέχεια κάνουμε κλικ οπουδήποτε μέσα στον κώδικα, και κάνουμε αναζήτηση ( CTRL + F ) για το παρακάτω
 
</head>

Και αμέσως ΠΡΙΝ από αυτό κάνουμε επικόλληση τον παρακάτω κώδικα

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Σχετικά άρθρα:&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js'type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Μορφοποιήσεις που μπορούμε να κάνουμε:

– Για να αλλάξουμε την προκαθορισμένη εικόνα που θα εμφανίζεται αν η δημοσίευση μας δεν περιέχει εικόνες, αλλάξτε το μπλε URL στην διεύθυνση της δικής σας εικόνας
– Αν θέλετε να εμφανίζοντε πάνω από 5 αποτελέσματα, αλλάξτε τον αριθμό “5” από το: “var maxresults=5;“– Διαγράψτε τον κώδικα στο ροζ αν θέλετε τα σχετικά άρθρα να εμφανίζονται και στην αρχική σας σελίδα

Στην συνέχεια κάντε πάλι αναζήτηση για το <div class=‘post-footer’>
-Στα περισσότερα templates θα εμφανιστεί πάνω από μία φορά. Συνήθως είναι το δεύτερο αποτέλεσμα που θα βγάλει η αναζήτηση. Δοκιμάστε το σε όλα τα αποτελέσματα που θα βγάλει αν δεν δουλέψει στο δεύτερο.

Μόλις το βρείτε, κάντε επικόλληση ακριβώς από κάτω, αυτόν τον κώδικα
<!-- Related Posts with Thumbnails Code Start--><!-- remove --><b:ifcond='data:blog.pageType == &quot;item&quot;'><divid='related-posts'><b:loopvalues='data:post.labels'var='label'><b:ifcond='data:label.isLast != &quot;true&quot;'></b:if><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script></div><divstyle='clear:both'/><!-- remove --></b:if><b:ifcond='data:blog.url == data:blog.homepageUrl'><b:ifcond='data:post.isFirstPost'><ahref='http://helplogger.blogspot.com'><imgalt='Blogger Tricks'src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a></b:if></b:if><!-- Related Posts with Thumbnails Code End-->
Μορφοποιήσεις που μπορούμε να κάνουμε:

– Για να αλλάξετε τον μέγιστο αριθμό των άρθρων που θα εμφανίζονται, αλλάξτε το 6 από το max-results=6
– Όπως και στο προηγούμενο κομμάτι, για να εμφανίζονται τα άρθρα και στην αρχική οθόνη διαγράψτε τον κώδικα στο ροζ

 
Αποθηκεύστε και ελέγξτε το Blog σας. Αν η διαδικασία έγινε σωστά, τότε πρέπει να εμφανίζονται τα σχετικά άρθρα κάτω από κάθε δημοσίευση. 
Αντιμετοπίσατε κάποιο πρόβλημα; Περιμένουμε τα σχόλια σας. 

ΠΑΡΟΜΟΙΑ ΑΡΘΡΑΠΕΡΙΣΣΟΤΕΡΑ ΑΠΟ ΤΟΝ ΔΗΜΙΟΥΡΓΟ

1 ΣΧΟΛΙΟ

  1. Γεια σου.
    Να σε ρωτήσω κάτι,που βρίσκουμε την Επέκταση προτύπων γραφικών στοιχείων;
    Ευχαριστώ!

Comments are closed.