ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ Νο 2

ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ Νο 2
Αυτό είναι ένα widget που εμφανίζει τα παρόμοια άρθρα στο τέλος κάθε ανάρτησης και είναι πολύ χρήσιμο γιατί κρατάει τους επισκέπτες σας να μην φεύγουν από το blog αλλά να διαβάσουν και κάτι άλλο σχετικό που μπορεί να τους ενδιαφέρει. Είναι καλύτερο από το προηγούμενο το Νο 1 γιατί δεν παραμορφώνει το εικονίδιο της ανάρτησης. Για να το προσθέσετε κάντε σύνδεση στο λογαριασμό σας στο blogger και από το μενού επιλέξτε "Πρότυπο" και μετά επεξεργασία HTML.

Βάλτε τον κέρσορα στο τέλος της πρώτης γραμμής του κώδικα και πατήστε CTRL + F για να εμφανιστεί το κουτάκι της αναζήτησης και εκεί μέσα γράψτε </head> και πατήστε enter. Θα σας μεταφέρει στην γραμμή </head> και ακριβώς από πάνω επικολλήστε τον παρακάτω κώδικα :

▼ Αντιγράψτε τον παρακάτω κώδικα πάνω από την </head> γραμμή.

<!--Related Posts with thumbnails Style Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

#related-posts{float:left;width:auto;}

#related-posts a:hover{background: #173377;}

#related-posts h2{margin-top:20px;background:none;font:16px arial;padding:4px;color:#FFFF00; text-transform:uppercase;}

#related-posts .related_img {margin:2px;border:1px solid #33FFFF;object-fit: cover;width:108px;height:72px;}

#related-title {color:#FFFFFF;text-align:center;padding:2px;font:12px arial;width:104px; height: 80px;}

#related-posts .related_img:hover{border:1px solid #00FF00;}

</style>

<script type='text/javascript' src='https://rawgit.com/github-codes/4284ee1456eb9e3a901edc434f58716a/raw/89ead462805e5fa11040f48a063575aa5eb341ae/releted-posts-with-thumbnails-3.js' />

</b:if>

<!--Related Posts with thumbnails Style End-->

Μετά από αυτό αναζητήστε με CTRL+F αυτήν την γραμμή <b:if cond='data:post.hasJumpLink'> και αντιγράψτε τον παρακάτω κώδικα κάτω από το </b:if>.

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

</div>

</b:if>

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='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=16&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=16;

var relatedpoststitle=&quot;<b>==► ΔΕΙΤΕ ΚΑΙ ΤΑ ΠΑΡΑΚΑΤΩ ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ▼</b>&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Σώστε το πρότυπο και είστε έτοιμοι. Αν θέλετε τα χρώματα αλλάζουν βάζοντας άλλους κωδικούς που θα βρείτε στο widget που υπάρχει στο τέρμα κάτω δεξιά αυτού του ιστολογίου. Μπορείτε να αλλάξετε και τον αριθμό των σχετικών άρθρων που θα εμφανίζονται αλλάζοντας το νούμερο 16 που έχω βάλει στην γραμμή του κώδικα που γράφει => var maxresults=16;

Παρόλα αυτά για να εμφανίζονται 16 σχετικά άρθρα θα πρέπει να έχετε τουλάχιστον 16 άρθρα με τις ίδιες ετικέτες.