Παρομοιες αναρτησεις κατω απο καθε αρθρο (related posts widget)

related posts widget
 related posts widget

Σας εχω εδω ενα widget to οποιο αν μπει στο προτυπο μας θα εμφανιζονται παρομοιες αναρτησεις απο την ιδια κατηγορια κατω απο καθε αναρτηση μας.Ετσι ο επισκεπτης θα εχει ακομα ενα λογω ωστε να μεινει στο blog μας για περισσοτερο χρονο

scrolling like bar

Τα βηματα για να το προσθεσουμε ειναι τα εξης

  • Προτυπο
  • Επεξεργασια html

με Control +f βρισκουμε το </head>

και ακριβως απο πανω του βαζουμε αυτον τον κωδικο
<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
    margin: 15px 5px;
}

#related-posts h2 {
    font-size: 27px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 0px 2px #888;
    margin-bottom: 0.75em;
}

#related-posts a {
    font-size: 13px;
    color: #888;
    text-transform: capitalize;
}

#related-posts a:hover {
    text-decoration: none;
    color: #555;
}

#related-posts ul {
    list-style-type: none;
    margin: 0 0 0px 0;
    padding: 0px;
    text-decoration: none;
    color: #000000;
}

#related-posts ul {
    list-style-type: none;
    background: #f9f9f9;
    border-left: 5px solid #f2f2f2;
}

#related-posts li {
    padding: 10px;
    line-height: 1.4;
    border-bottom: 1px dotted #E2E2E2;
}

#related-posts li:hover {
    background: #F4F4F4;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
</b:if>

 αν θελουμε να αλλαξουμε το υψος η το μηκος των εικονων που θα εμφανιζονται τοτε αλλαζουμε εκει που λεει width:100px;height:100px

 αν θελουμε να αλλαξουμε το μεγεθος και το χρωμμα των τιτλων τοτε παιζουμε με αυτη τη γραμμουλα
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px

αμεσως μετα βρισκουμε αυτο  
<div class='post-footer'>
 αν το βρουμε 2 φορες τοτε χρειαζομαστε το δευτερο
και ακριβως απο πανω του βαζουμε αυτο το κωδικο
 <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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script></div></b:if>
παιζουμε με αυτη τη γραμμουλα αν θελουμε να φαινονται λιγοτερες παρομοιες αναρτησεις   var maxresults=5;

4 comments

Καλησπέρα και καλή χρονιά.
Πολύ χρήσιμο το άρθρο σου αλλά δεν μπορώ να βρώ το <... class='post-footer'>.
Λίγη βοήθεια αν είναι δυνατόν...

Δοκιμασε μηπως βρεις το <div class='post και με εντερ κατεβα σιγα σιγα για να το βρεις ολο

Σφάλμα κατά την ανάλυση του XML, γραμμή 1478, στήλη 94: The reference to entity "callback" must end with the ';' delimiter.