Related Posts με εικόνες

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Ένα χρήσιμο 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 σχόλια:

Post a Comment

 
back to top