01 Φεβρουαρίου 2011



18 Youtube σύστημα βαθμολογίας

Στην σημερινή ανάρτηση, θα σας δείξω πως να βάλετε κάτω (η πάνω) απο κάθε σας ανάρτηση, τα εικονίδια "thumbs up" και "thumbs down" rating για blogger. Αν παρατηρήσατε, υπάρχουν και σε μένα κάτω απο κάθε ανάρτησή μου (από σήμερα). Αυτό το rating μπορεί να μπεί σε κάθε blogger post, ακριβώς όπως το έχετε δεί σίγουρα σε σχόλια του Youtube ή σε σχόλια της Υahoo. Στην ουσία είναι μια απλή μετατροπή του λεγόμενου "star rating", και με δημιουργούς τους: JS-Kit.  
Για να το βάλετε κι εσείς στο blogger blog σας, ακολουθήστε τα παρακάτω βήματα:

# Πηγαίνετε ΣΧΕΔΙΑΣΗ > ΕΠΕΞΕΡΓΑΣΙΑ HTML > Επέκταση προτύπων γραφικών στοιχείων
# Βρείτε τον κώδικα <data:post.body/>
# Επικολήστε τον παρακάτω κώδικα, ΚΑΤΩ απο αυτό, ή και ΠΑΝΩ απο αυτό, ανάλογα αν θέλετε να βλέπετε τα εικονίδια στην κορυφή η στο τέλος της ανάρτησής σας. (Σε περίπτωση που βρείτε πάνω απο ένα <data:post.body/> τότε χρησιμοποιείστε το τελευταίο.

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
view="score"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Τέλος, στο τέρμα κάτω χαμηλά του Blog-Κώδικα σας, θα βρείτε τέλος και το </BODY> όπου ακριβώς απο κάτω του, θα επικολήσετε τον επόμενο μικρό κώδικα.

<script src="http://js-kit.com/ratings.js"></script>

Καλή επιτυχία, και... Enjoy!




Print this post



Related Posts :



18 σχόλια:

POURNARI είπε... Best Blogger Tips

Το έβαλα Νικόλα.
Πολύ καλό.
Ευχαριστούμε για αλλη μια φορά


DaisyCrazy είπε... Best Blogger Tips

Όσοι έχουν κομμένο το γιουτιουπι δεν βλέπουν το rating :)
Το γορντπρες το δίνει αυτό χωρίς να χρειαστεί να κάνεις κάτι. Τελικά το γορντπρες θα ήταν τέλειο αν ΑΝ σου επέτρεπε δωρεάν να αλλοιώσεις το css όπως ο μπλογκερ σ'αφήνει να πειράξεις όσο θες το html :)
Καλημερούδια και φιλάκια!


Δημήτρης Μαχαίρας είπε... Best Blogger Tips

Καλημερα και Καλο μηνα Νικο

Πολυ καλο το κολπακι αυτο

θα το δοκιμασο

ευχαριστω!


Mitsobo είπε... Best Blogger Tips

Καλημέρα!
Αυτό το data:post.body/ δεν υπάρχει σε μένα.


AATON είπε... Best Blogger Tips

*** Pournari, χαίρομαι που σου άρεσε και που τα κατάφερες

*** Ντοράκι μου, ναι όντως η WP το δίνει σαν PlugIn, κάτι που δεν έχει επίσημα ακόμη η Blogger, μα όπως είπες, σε αντιστάθμισμα, σου επιτρέπει να κάνεις όσες παρεμβάσεις θέλεις στον πηγαίο κώδικα. Φιλάκια κι απο μένα :)

*** Δημήτρη καλή επιτυχία :)

*** Παναγιώτη, αποκλείεται να ΜΗΝ υπάρχει. Ψάξε για σκέτο: post.body/ Αν πάλι δεν μπορέσεις, δοκίμασε αν θέλεις εναλλακτικά να τον τοποθετήσεις κάτω απο το: post-header-line-1'/ Θα σου εμφανίζεται κάτω απο τον τίτλο, κοντά στην ημερομηνία της ανάρτησης.


RIRI είπε... Best Blogger Tips

Ωραίο κολπάκι Νίκο,θα το δοκιμάσω κι εγώ!!!
Ευχαριστούμε!!!!


Mitsobo είπε... Best Blogger Tips

Μπα τίποτα!!!
Χα! Χα! Χα!
Κάποια στιγμή αν και όποτε μπορείς το βλέπεις...


Ὁ πάροικος είπε... Best Blogger Tips

Αaton, μὴ νομίζῃς πὼς σὲ ξεχνῶ. Σὲ παρακολουθῶ καθημερινά. Τὸ κολπάκι αὐτὸ τὸ ἔψαχνα καιρό. Τώρα εἶναι καὶ σὲ 4 ἀπὸ τὰ blogs μου. Εἰλικρινὰ, κάποιες φορὲς, τὸ blog σου μᾶς λύνει τὰ χέρια (καὶ τὰ προβλήματα).
Παρακολουθῶ σχεδὸν ὅλους ὅσους βάζουν tips and tricks γιὰ τὰ blogs, στὸ ἔχω ξαναπεῖ ἄλλωστε, εἶσαι χρησιμότατος καὶ, μόνος μονότατος στὴ μοναξιὰ τῆς κορυφῆς σου.


Lovefortechnology είπε... Best Blogger Tips

Μπράβο Νίκο πολύ καλό, ήδη το τοποθέτησα λειτουργεί τέλεια..


Kostas Paris είπε... Best Blogger Tips

Καλημέρα Νίκο απο το παγωμένο Χαλάνδρι 06:42 λέει ο ρολοις και 4c οπότε εχεις εικόνα...Είδα το άρθρο σου το κάνα κι εγώ πέτυχε-ήταν σίγουρο, και τώρα Δέξου τις ευχαριστίες μου...Καλή συνέχεια σε ότι κάνεις πάντα γερός κ' δυνατός φίλε μου με χαμόγελα...


Θεό7δωρος είπε... Best Blogger Tips

Καλησπέρα ,πολύ καλό κολπάκι.
Ας μου επιτραπεί να πω το εξης για όποιους δε το εμφανίζεται data:post.body/.
Και σε μένα δεν υπηρχε αλλά μάρκαρα εκει που λέει επέκταση γραφικών στοιχείων


AATON είπε... Best Blogger Tips

*** Να 'σαι καλά Κώστα, χαίρομαι που τα κατάφερες, και τα ευχαριστώ τα αξίζει ο δημιουργός του Script, εγώ απλά μετάφρασα την ανάρτηση :)

*** Θοδωρή, πολύ σωστά το τόνισες, αν και το γράφω, μα πάλι ίσως κάποιοι το παράβλεψαν (# Πηγαίνετε ΣΧΕΔΙΑΣΗ > ΕΠΕΞΕΡΓΑΣΙΑ HTML > Επέκταση προτύπων γραφικών στοιχείων)


bagelis777 είπε... Best Blogger Tips

Ευχαριστώ πολύ, ιδιαίτερα χρήσιμο διότι νέος στον κόσμο του blogging!!! THX!
(Vaggelis T. mytechnologymind.wordpress.com)


AATON είπε... Best Blogger Tips

*** Ὁ πάροικε, με κάνεις και κοκκινίζω ώρες ώρες, να 'σαι καλά :)

*** Lovefortechnology χαίρομαι που σου άρεσε, και που τα κατάφερες :)

*** Βαγγέλη, δεν ήξερα πως λειτουργεί και στην WordPress, γιατί απο όσο ξέρω, το έχει ως Plugin. Χαίρομαι ιδιαίτερα.


Deathrun-G-H είπε... Best Blogger Tips

Σε εμένα ρε παιδιά το βάζω αλλά δεν γίνεται.. :-( κια χίλια τα εκατό το κάνω σωστά.... :/


kiriakosGR είπε... Best Blogger Tips

Θα ήθελα να ρωτήσω....αφού το βάλουμε το συγκεκριμένο script, θα μπορούμε να βάλουμε κάποιο άλλο μετά, το οποίο να μας δείχνει τα ποστ με την μεγαλύτερη αξιολόγηση; θα ήταν ενδιαφέρον νομίζω.


AATON είπε... Best Blogger Tips

@Deathrun-G-H, αν δεν το θέλει το πρότυπό σου, μην το ζορίζεις φίλε μου. Μερικά πρότυπα δεν δέχονται ότι να ναι :)

@Κυριάκο, δεν νομίζω να σου δημιουργήσει κάποιο Conflict αν δοκιμάσεις κι άλλο script μετά.


alex είπε... Best Blogger Tips

Θα μπορούσε να γίνει και κάτι αντίστοιχο για τα σχόλια; Π.χ. στο δικό μου σχόλιο να μπορεί κάποιος να κάνει thumbs up ή thumb down;


Δημοσίευση σχολίου

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next