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

Γεια σας. Σήμερα θα δούμε πως μπορούμε να κάνουμε προσθήκη ενός widget που δείχνει τις πιο δημοφιλείς αναρτήσεις σύμφωνα με τον αριθμό των σχολίων που έχουν αποκομίσει. Πηγαίνουμε στο λογαριασμό μας και από τον πανόπτη πάμε στη διάταξη, προσθήκη gadget και HTML/JavaScript. Εκεί μέσα κάντε αντιγραφή - επικόλληση (copy - paste) τον παρακάτω κώδικα:

Για να είναι της μορφής: Post one (18) Post two (14) κλπ.

<script type="text/javascript"> function pipeCallback(obj) { document.write('<ul style="text-transform: capitalize;">'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2FΗ_ΔΙΕΥΘΥΝΣΗ_ΤΟΥ_BLOG_ΣΑΣ_ΧΩΡΙΣ_HTTP://&num=10" type="text/javascript"></script> <a href="http://bloggerstop.net" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

Για να είναι της μορφής: Post one (18 comments) Post two (14 comments)

<script type="text/javascript"> function pipeCallback(obj) { document.write('<ol style="text-transform: capitalize;">'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ML4p0UfW3RGgS7iN1JzWFw&url=http%3A%2F%2FΗ_ΔΙΕΥΘΥΝΣΗ_ΤΟΥ_BLOG_ΣΑΣ_ΧΩΡΙΣ_HTTP://&num=10" type="text/javascript"></script> <span style="gt;Widget by <a href="http://www.bloggerstop.net">Blogger Widgets </a></span>

Για να είναι της μορφής: Post one (χωρίς αριθμό σχολίων δηλαδή) Post two

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FΗ_ΔΙΕΥΘΥΝΣΗ_ΤΟΥ_BLOG_ΣΑΣ_ΧΩΡΙΣ_HTTP://&num=10" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://www.bloggerstop.net">Blogger Widgets </a></span>

Στη γραμμή όπου υπάρχει κόκκινο χρώμα το αντικαθιστάτε αυτο με τη διεύθυνση του blog σας χωρίς το http://, ενώ ο αριθμός 10 με μπλε χρώμα δηλώνει τον αριθμό των δημοφιλέστερων αναρτήσεων και φυσικά αν αλλάξετε τον αριθμό στον κώδικα θα αλλάξει και ο αριθμός των posts στο widget.
Όταν τελειώσετε πατήστε αποθήκευση (save). Το παραπάνω widget το βρήκα εδώ.