Popular Posts Widget - Most Commented

Δείτε πως θα βάλετε ένα widget στο blog σας το οποίο θα δείχνει στους επισκέπτες σας τα πιο σχολιασμένα ποστ σας.Δηλαδή τα πιο popular αφου θα είναι και με τα πιο πολλά σχόλια.Το μαγάλο κακό σε αυτό το widget είναι ότι δεν δείχνει ελληνικούς χαρακτήρες αλλά μόνο αγγλικούς.Δοκιμάστε το πάντως να δείτε αν σας αρέσει και αν δεν σας αρέσει διαγράψτε το.

Βρήκα 2 είδη αυτού του widget.
Ο κωδικός μπαίνει σαν gadget ,δηλαδή πάτε Διάταξη>Προσθήκη gadget>HTML/JavaScript και εκεί επικολλήτε έναν από τους παρακάτω κωδικούς.
Δεν χρειάζεται να βάλετε τίτλο.
(Σας τον έχω βάλει εγώ και μάλιστα όποιος τον πατάει θα έρχεται σε αυτήν την ανάρτηση για να δει πως θα το βάλει και αυτός!)
Δείτε και τα δύο είδη του widget και βάλτε όποιο σας αρέσει περισσότερο.

Πρώτο είδος:

<a href="http://johnpatrablog.blogspot.com/2009/11/popular-posts-widget-most-commented.html" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>
<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=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2Fjohnpatrablog.blogspot.com&num=10" type="text/javascript"></script>

Αυτό που είναι με κόκκινο το αλλάζετε με την διεύθυνση του δικού σας blog.
Και το "10" που είναι μαρκαρισμένο με μπλε δείχνει πόσα ποστς θα εμφανίζονται.

Δεύτερο είδος:

<span style="gt;<a href="http://johnpatrablog.blogspot.com/2009/11/popular-posts-widget-most-commented.html" target="_blank">Popular Post Widget</a></span>
<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%2Fjohnpatrablog.blogspot.com&num=10" type="text/javascript"></script>

Αυτό που είναι με κόκκινο το αλλάζετε με την διεύθυνση του δικού σας blog.
Και το "10" που είναι μαρκαρισμένο με μπλε δείχνει πόσα ποστς θα εμφανίζονται.

Αν έχετε κάποια παρατήρηση αφήστε ένα σχόλιο.