Πέμπτη 3 Σεπτεμβρίου 2009

Print this post

ΠΡΟΣΘΗΚΗ 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 το βρήκα εδώ.

5 σχόλια:

  1. Πολύ χρήσιμο αλλά από ότι βλέπω οι τίτλοι των post όταν είναι με ελληνικούς χαρακτήρες δεν εμφανίζονται.

    ΑπάντησηΔιαγραφή
  2. @Kameleonet Να σου πω την αλήθεια δεν τον δοκίμασα. Μπορεί να είναι έτσι όπως το λες...

    ΑπάντησηΔιαγραφή
  3. Καλησπέρα!!Βασικα δίκιο εχεο Kameleon. Μονο αγγλικα διαβαζει!!
    Ασχετο, πως γινεται να εμφανισω κι εγω εικονες αυτων που μου σχολιαζουν στα comments????

    ΑπάντησηΔιαγραφή
  4. Καλησπέρα!! Όχι δεν εννοω αυτό!!!

    Δεν ρωταω για τους τοπ σχολιαστες. Εννοω να φαινονται σε καθε ποστ για παραδειγμα που κανω, οι σχολιαστες (με τις φωτο-avatars) που εχει ο καθενας, οπως κι σε αυτη την αναρτηση που σου γραφω το μηνυμα..

    ΑπάντησηΔιαγραφή
  5. @gatodiakritikos Όταν ένας αναγνώστης είναι ήδη μέσα στο λογαριασμό του (π.χ. blogspot)και αφήνει σχόλιο τότε φαίνεται το avatar. Αν αφήνει σχόλιο χωρίς να είναι μέσα στο λογαριασμό τότε δε φαίνεται το avatar. Καλό θα ήταν να πας στον πανόπτη, ρυθμίσεις, βασικό και κάτω να επιλέξεις Ενημερωμένο πρόγραμμα επεξεργασίας για τις καινούριες λειτουργίες.

    ΑπάντησηΔιαγραφή

back to top