RSS

FLAGS TRANSLATOR

30 Μαρ.

Ένας φίλος και αναγνώστης του Locus Blogus, ο Βασίλης, ζήτησε να μάθει πως γίνεται να βάλουμε μεταφραστή (translator) o οποίος να απεικονίζεται μόνο με σημαίες και να μην είναι όπως αυτός της Convey This που έχω και στην αριστερή στήλη του παρόντος ιστολογίου. Δεν είναι κάτι δύσκολο. Στην ουσία μιλάμε για ένα gadget το οποίο μπαίνει όπως και όλα τα υπόλοιπα σε ένα blog. Η διαδικασία είναι γνωστή: Μπαίνουμε στο blogspot λογαριασμό μας, από τον πανόπτη πάμε διάταξη, προσθήκη gadget και επιλέγουμε HTML/JavaScript. Εκεί κάνουμε αντιγραφή επικόλληση (copy – paste) τον παρακάτω κώδικα και πατάμε αποθήκευση (save). Ο μεταφραστής είανι ο translator της Google και στο ιστολόγιο μας θα φαίνεται όπως το παρακάτω screenshot. Καλή επιτυχία.

Ο κώδικας είναι ο εξής:

<style> .google_translate img { filter:alphaundefinedopacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alphaundefinedopacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alphaundefinedopacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»English» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cen&hl=en’); return false;»><img alt=»English» border=»0″ align=»absbottom» title=»English» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/unitedkingdomundefinedgreatbritain.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»French» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cfr&hl=en’); return false;»><img alt=»French» border=»0″ align=»absbottom» title=»French» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/france.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»German» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cde&hl=en’); return false;»><img alt=»German» border=»0″ align=»absbottom» title=»German» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/germany.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Spain» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Ces&hl=en’); return false;»><img alt=»Spain» border=»0″ align=»absbottom» title=»Spain» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/spain.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Italian» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cit&hl=en’); return false;»><img alt=»Italian» border=»0″ align=»absbottom» title=»Italian» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/italy.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Dutch» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cnl&hl=en’); return false;»><img alt=»Dutch» border=»0″ align=»absbottom» title=»Dutch» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/netherlands.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Russian» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cru&hl=en’); return false;»><img alt=»Russian» border=»0″ align=»absbottom» title=»Russian» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/russianfederation.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Portuguese» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cpt&hl=en’); return false;»><img alt=»Portuguese» border=»0″ align=»absbottom» title=»Portuguese» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/brazil.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Japanese» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cja&hl=en’); return false;»><img alt=»Japanese» border=»0″ align=»absbottom» title=»Japanese» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/japan.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Korean» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Cko&hl=en’); return false;»><img alt=»Korean» border=»0″ align=»absbottom» title=»Korean» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/southkorea.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Arabic» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Car&hl=en’); return false;»><img alt=»Arabic» border=»0″ align=»absbottom» title=»Arabic» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/saudiarabia.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a> <a class=»google_translate» href=»#» target=»_blank» rel=»nofollow» title=»Chinese Simplified» onclick=»window.openundefined’http://translate.google.com/translate?u=’+encodeURIComponentundefinedlocation.href)+’&langpair=auto%7Czh-CN&hl=en’); return false;»><img alt=»Chinese Simplified» border=»0″ align=»absbottom» title=»Chinese Simplified» height=»24″ src=»https://hacktest1.files.wordpress.com/2010/03/china.png?w=32″ style=»cursor: pointer;margin-right:8px» width=»24″ /></a></div>
Advertisements
 
18 Σχόλια

Posted by στο Μαρτίου 30, 2010 in BLOG, GADGET, ΜΕΤΑΦΡΑΣΤΗΣ, TRANSLATOR, WIDGET

 

18 responses to “FLAGS TRANSLATOR

  1. Johnpatra

    Μαρτίου 31, 2010 at 12:10 πμ

    καιρό το έψαχνα αυτό.πολύ καλό.δεν μπορούσα να μην κάνω αναδημοσίευση.(http://johnpatrablog.blogspot.com/2010/03/flags-translator-widget.html)καλό βράδυ

     
  2. hackaday

    Μαρτίου 31, 2010 at 12:17 πμ

    @Johnpatra Γεια χαρά. Καλά έκανες και το αναδημοσίευσες.

     
  3. Johnpatra

    Μαρτίου 31, 2010 at 9:26 πμ

    χμ μου εστειλε μαιλ ενας και το τσεκαρα πριν απο λιγο και νομιζω οτι δεν δουλευει.φαινονται σαν εικονες αλλα δεν μεταφραζουν.μηπως φταει αυτο: href="#"

     
  4. hackaday

    Μαρτίου 31, 2010 at 11:14 πμ

    @Johnpatra Εγώ βλέπω ότι δουλεύει κανονικά. Δες εδώ. http://loctest1.blogspot.com

     
  5. Johnpatra

    Μαρτίου 31, 2010 at 11:25 πμ

    ok έκανα λάθος.

     
  6. kiriakosGR

    Απρίλιος 2, 2010 at 11:00 μμ

    οντως δεν μεταφράζει….δείτε στο μπλογκ μου http://dwrean.blogspot.com/

     
  7. hackaday

    Απρίλιος 2, 2010 at 11:32 μμ

    @kiriakosGR Θα σε παραπέμψω στην απάντηση που έδωσα στον Johnpatra. http://loctest1.blogspot.com

     
  8. kiriakosGR

    Απρίλιος 3, 2010 at 1:19 πμ

    ωραια….βλέπω ότι στο δικό σου test blog λειτουργεί……μα αυτό δεν λύνει το πρόβλημά μου.Εβαλα ακριβώς τον κώδικα….και όπως είδατε και σείς…δεν λειτουργεί….τι πρέπει να κάνω;

     
  9. hackaday

    Απρίλιος 3, 2010 at 1:28 πμ

    @kiriakosGR Δοκίμασε να το ξαναεγκαταστήσεις. Κάνε udate το Adobe flash. Πρόσεξε μη βάλεις ή αφαιρέσεις κάτι στον κώδικα. Μια τελεία, μια παύλα, ένα κενό ή ένα κατά λάθος σβήσιμο ενός συμβόλου μπορεί να κάνει τον κώδικα να μη δουλεύει. Ίσως να μη δουλεύει με templates (αν και δεν το νομίζω) από τρίτους.

     
  10. BbisbosS

    Απρίλιος 3, 2010 at 11:59 πμ

    Πασχαλινές δέξου ευχές, απο τη καρδια βγαλμένες, ολες οι μέρες της ζωής να΄ναι αναστημένες!Χρόνια Πολλά !!!

     
  11. hackaday

    Απρίλιος 3, 2010 at 12:09 μμ

    @BbisbosS Πολύ όμορφο στιχάκι. Ευχαριστώ για τις ευχές. Χρόνια πολλά και καλή ανάσταση.

     
  12. kiriakosGR

    Απρίλιος 3, 2010 at 5:35 μμ

    Το δοκίμασα και δεν εγινε τιποτα… μάλλον φταίει το συγκεκριμένο template….

     
  13. KIDSIN

    Μαΐου 17, 2010 at 3:32 μμ

    EMENA KANEI http://kidsinternetgreek.blogspot.com/ΑΛΛΑΞΑ ΚΑΤΙ ΣΤΟΝ ΚΩΔΙΚΑ

     
  14. hackaday

    Μαΐου 17, 2010 at 4:04 μμ

    @KIDSIN Όπως;

     
  15. pan de lees

    Ιουλίου 23, 2010 at 11:27 μμ

    τελικα δεν μαθαμε ποτε τι αλαξε ο kidsin στον κωδικα…και δεν δουλευει το gadgetακι…ωραια….μπας και βρηκαμε καμμια αλλη λυση ???? λεω τωρα

     
  16. hackaday

    Ιουλίου 24, 2010 at 8:06 πμ

    @pan de lees Εγώ προσωπικά δε συνάντησα ποτέπρόβλημα με το γκατζετάκι. Και σε ένα δοκιμαστικό blog που το έβαλα δούλεψε μια χαρά.

     
  17. thanos

    Οκτώβριος 28, 2010 at 11:08 μμ

    oute emena douleuei paidia!!

     
  18. hackaday

    Οκτώβριος 28, 2010 at 11:12 μμ

    @thanos Δοκίμασε να το ξαναεγκαταστήσεις. Κάνε udate το Adobe flash. Πρόσεξε μη βάλεις ή αφαιρέσεις κάτι στον κώδικα. Μια τελεία, μια παύλα, ένα κενό ή ένα κατά λάθος σβήσιμο ενός συμβόλου μπορεί να κάνει τον κώδικα να μη δουλεύει. Ίσως να μη δουλεύει με templates (αν και δεν το νομίζω) από τρίτους. Εγώ βλέπω ότι δουλεύει κανονικά. Δες εδώ. http://loctest1.blogspot.com Το παραπάνω είναι ένα δοκιμαστικό ιστολόγιο όπου έβαλα την εφαρμογή για να τη δοκιμάσω πριν σηκώσω την ανάρτηση. Μήπως δεν είναι συμβατό το template σου;

     

Σχολιάστε

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

Λογότυπο WordPress.com

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

Φωτογραφία Twitter

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

Φωτογραφία Facebook

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

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

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

Σύνδεση με %s

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