• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ ΧΩΡΙΣ ΕΙΚΟΝΙΔΙΑ

ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ
ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ΣΤΟ ΤΕΛΟΣ ΤΗΣ ΑΝΑΡΤΗΣΗΣ ΧΩΡΙΣ ΕΙΚΟΝΙΔΙΑ
Αυτό είναι ένα widget που εμφανίζει τα παρόμοια άρθρα στο τέλος κάθε ανάρτησης χωρίς όμως εικονίδια όπως τα προηγούμενα δύο widgets. Eίναι πολύ χρήσιμο γιατί κρατάει τους επισκέπτες σας να μην φεύγουν από το blog αλλά να διαβάσουν και κάτι άλλο σχετικό που μπορεί να τους ενδιαφέρει. Για να το προσθέσετε κάντε σύνδεση στο λογαριασμό σας στο blogger και από το μενού επιλέξτε "Πρότυπο" και μετά επεξεργασία HTML.
Βάλτε τον κέρσορα στο τέλος της πρώτης γραμμής του κώδικα και πατήστε CTRL + F για να εμφανιστεί το κουτάκι της αναζήτησης και εκεί μέσα γράψτε </head> και πατήστε enter. Θα σας μεταφέρει στην γραμμή </head> και ακριβώς από πάνω επικολλήστε τον παρακάτω κώδικα :


<!--Related Posts without thumbnails Style Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {margin:5px;}
#related-posts h2 {font: 16px arial;font-weight: bold;color: #FFFF00;margin:10px;}
#related-posts a {font: 13px arial;color: #FFFFFF;text-transform: capitalize;}
#related-posts a:hover {text-decoration: none;color: #FFFF00;}
#related-posts ul {list-style-type: none;margin:0;padding:0px;text-decoration: none;color: #FFFFFF;}
#related-posts ul {list-style-type: none;background: #173377;border: 5px solid #FF6600;}
#related-posts li {padding:5px;line-height: 1.4;border-bottom: 1px solid #00FF00;}
#related-posts li:hover {background: #105105;}
</style>
<script>
var relatedpoststitle="==► ΔΕΙΤΕ ΚΑΙ ΤΑ ΠΑΡΑΚΑΤΩ ΠΑΡΟΜΟΙΑ ΑΡΘΡΑ ▼"
</script>
<script src='http://yourjavascript.com/71412386612/related-posts-without-thumbnails.js'></script>
</b:if>
<!--Related Posts without 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 without 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> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; +  data:label.name +  &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;'  type='text/javascript'/>
</b:if></b:loop>
<script>
var maxresults=10
removeRelatedDuplicates(); 
printRelatedLabels(&quot;<data:post.url/>&quot;); 
</script>
</div>
</b:if>
<!-- Related Posts without Thumbnails Code End-->

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


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

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.