Ακολουθήστε μας στο Google News
Διαφήμισε την επιχείρηση σου δωρεάν

Related Posts με εικόνες




Ένα χρήσιμο Gadget σε όλα τα Blogs. Δείτε παρακάτω  πώς μπορείτε να το βάλετε στη δικιά σας σελίδα.
  • Σύνδεση στο λογαριασμό σας Blogger
  • Σχεδίαση / Επεξεργασία 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: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script> <script src='http://best2know.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
    • Τώρα βρίσκουμε τον παρακάτω κώδικα:
    <div class='post-footer-line post-footer-line-1'>
    • Μετά από αυτόν επικολλούμε τον παρακάτω κώδικα:
    <!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div><div style='clear:both'/> <br/> <a href="http://xmlcodesynthesis.blogspot.com/2011/06/related-posts.html" target="_blank"><b>Κάντε το δικό σας!</b></a> <!-- remove --></b:if> <!-- Related Posts with Thumbnails Code End-->
    • Μπορείτε να αλλάξετε τις παραμέτρους στους παρακάτω κώδικες με αυτές που σας βολεύουν
    var defaultnoimage=http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png;
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    • Αποθήκευση προτύπου και είμαστε έτοιμοι!
    Δημοσίευση σχολίου (0)
    Νεότερη Παλαιότερη