• 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

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

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


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

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;
padding-left:5px;}
#related-posts h2{font: 14px Arial;font-weight: bold;color:#FFFF00;margin-bottom:5px;margin-top:0;padding-top:0;}
#related-posts a{color:#FFFFFF;}
#related-posts a:hover{color:#000000;}
#related-posts  a:hover {background-color:#FEBB35;}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWrS4yEyAcUFKtRhTjaVWJIfLI6sj0f7Ji_IGEIdKqmc5N92mXpUwU97-c9EEo1YVtghTxFJ-UqlFqjiqmd3W7RJ76uff7-1MyMNlmPBIX1K9Ltz5nTW1FxhgWurqA54mAFxBNj3GyS58/s72-no/noimage.png";
var maxresults=16;
var splittercolor="#33FFFF";
var relatedpoststitle="==► ΔΕΙΤΕ ΚΑΙ ΤΑ ΠΑΡΑΚΑΤΩ ΣΧΕΤΙΚΑ ΑΡΘΡΑ ▼";
</script>
<script src='http://yourjavascript.com/11123067148/related-posts-with-thumbnails-1.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles 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/summary/-/&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'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

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

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

2 σχόλια:

  1. Ανώνυμος5/4/15 00:00

    Προσπαθησα να βαλω αυτο, αλλά επειδη δε μου το εβγαζε πηγα ξανα εκανα αναζητηση και μετα το διεγραψα το κωδικα αυτό που ειχα προσθεσει και τελικα μου εμφανιζεται αυτο στη κορυφη του μπλογκ και δεν μπορω να κανω τιποτα στη διαταξη:
    Μετά από αυτό αναζητήστε με CTRL+F αυτήν την γραμμή TEMPLATE ERROR: Invalid data reference post.hasJumpLink: No dictionary named: 'post' in: ['blog', 'skin', 'view']. TEMPLATE ERROR: Invalid data reference post.hasJumpLink: No dictionary named: 'post' in: ['blog', 'skin', 'view']

    ΑπάντησηΔιαγραφή
  2. Πρέπει να δώ τον κώδικα μέσα στο πρότυπο σου αν λείπει κάτι ή αν έχει προστεθεί κάτι παραπάνω για να το αφαιρέσεις. Αυτό μπορεί να γίνει μέσω χρήσης κοινής οθόνης μέσω skype. Στείλε μήνημα στη σελίδα Faceebook Widgets for blogs αν θέλεις και θα το λύσουμε live μέσω skype.

    ΑπάντησηΔιαγραφή

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

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