RSS

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

03 Σεπτ.

Γεια σας. Σήμερα θα δούμε πως μπορούμε να κάνουμε προσθήκη ενός 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 το βρήκα εδώ.

Advertisements
 
6 Σχόλια

Posted by στο Σεπτεμβρίου 3, 2009 in GADGET, ΑΝΑΡΤΗΣΕΙΣ, POSTS, WIDGET

 

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

  1. Kameleon

    Σεπτεμβρίου 4, 2009 at 12:48 μμ

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

     
  2. hackaday

    Σεπτεμβρίου 4, 2009 at 2:11 μμ

    @Kameleonet Να σου πω την αλήθεια δεν τον δοκίμασα. Μπορεί να είναι έτσι όπως το λες…

     
  3. gatodiakritikos

    Σεπτεμβρίου 17, 2009 at 11:11 μμ

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

     
  4. hackaday

    Σεπτεμβρίου 17, 2009 at 11:28 μμ

    @gatodiakritikos Βοήθησε με λίγο περισσότερο για να καταλάβω τι ακριβώς θέλεις. Μήπως εννοείς κάτι σαν αυτό; http://locusblogus.blogspot.com/2009/08/widget-top.html

     
  5. gatodiakritikos

    Σεπτεμβρίου 18, 2009 at 2:36 μμ

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

     
  6. hackaday

    Σεπτεμβρίου 18, 2009 at 3:08 μμ

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

     

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s

 
Αρέσει σε %d bloggers: