Cara Memasang Widget Google Translate Keren Di Blog

Google Translate adalah layanan yang disediakan oleh google yang berguna untuk menerjemahkan bahasa asing ke bahasa lain. Di Blog kita juga bisa memasang widget google translate agar blog kita diterjemahkan oleh google translate sesuai dengan bahasa yang pengunjung blog inginkan.

Widget Google Translate ini sebenarnya sudah disediakan oleh blogger dan bisa langsung dipasang melalui tambah widget baru di tata letak blogger, Namun tampilan nya kurang indah, disini kami membagikan widget google translate dengan tampilan yang keren dan indah.

Cara Membuat Widget Google Translate
1. Langkah pertama yang harus kamu lakukan adalah masuk ke blogger dan login dengan akun gmail kamu.
2. Setelah login aku blogger maka pilih blog yang akan kamu tambahkan widget google translate
3. Pada dashboard blogger pilih menu Tata Letak
4. Pilih tambahkan gadget di tempat yang kamu inginkan.
5. Pada pilihan tambahkan gadget, tekan HTML/JavaScript
6. Copy dan pastekan kode dibawah ini pada kolom tersebut.

#translator-wrapper {
  display:block;
  width:90%;
  max-width:300px;  
  border:none;  
  background-color:#fff;
  color:#444;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border:1px solid #e0e0e0;
}
#translator-wrapper select {
  border:none;
  background:transparent;
  font-family:'Verdana',Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#444;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#translator-wrapper a,
#translator-wrapper a:hover {
  display:block;
  background-color:#4791d2;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%; 
  transition:all 0.3s ease;  
}
#translator-wrapper a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:white;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#translator-wrapper a:hover {opacity:0.9;}
#translator-wrapper a:active {opacity:0.9;}
#translator-wrapper select:focus,
#translator-wrapper a:focus,
#translator-wrapper select:active,
#translator-wrapper a:active {
  border:none;
  outline:none;
  cursor:pointer;
}
option {
  background:#444;
  color:#e0e0e0;
}



        English
        Indonesian
        Afrikaans
        Albanian
        Arabic
        Armenian
        Azerbaijani
        Basque
        Belarusian
        Bengali
        Bulgarian
        Catalan
        Chinese
        Croatian
        Czech
        Danish
        Dutch
        English
        Esperanto
        Estonian
        Filipino
        Finnish
        French
        Galician
        Georgian
        German
        Greek
        Gujarati
        Haitian Creole
        Hebrew
        Hindi
        Hungarian
        Icelandic
        Indonesian
        Irish
        Italian
        Japanese
        Kannada
        Korean
        Latin
        Latvian
        Lithuanian
        Macedonian
        Malay
        Maltese
        Norwegian
        Persian
        Polish
        Portuguese
        Romanian
        Russian
        Serbian
        Slovak
        Slovenian
        Spanish
        Swahili
        Swedish
        Tamil
        Telugu
        Thai
        Turkish
        Ukrainian
        Urdu
        Vietnamese
        Welsh
        Yiddish
    


(function() {
    var mylang = "id", // Your website language
        anchor = document.getElementById('translate-me');
    anchor.onclick = function() {
        window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');
        return false;
    };
})();

7. Simpan

Untuk lebar widget ini dan warna, bisa kamu sesuaikan dengan template blog yang kamu gunakan.

Tweet

Berlangganan Artikel Dari Blog Ini via Email