Cara Pasang Google Translator Dengan Menggunakan Bendera Negara

Bagi blogger yang sudah sering menulis blog, cara ini sudah pernah dilakukan. Tapi bagi blogger-blogger baru pasti menginginkan blog pribadinya mempunyai translater, agar mudah dibaca bila dilihat oleh negara lain. Agar tulisan mereka bisa mendunia. (hahaha....lebay saya). Seperti translater yang ada diatas blog saya.

Ikuti cara dibawah ini :
Masuk ke desain, klik tambah gadget, pilih HTML/Java Script.

Copy Paste Script dibawah ini :

<style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=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.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMG3Np6CoSMwWxUUALXCpbLV_rJceT7dSLFcJtg4plZtCEalPabLc-QF8LSfr60SJv-3I1pMxtBV9MsGCCdmnFhqq5THShyaIjlAGjmIwDWAziOxa3qbbcCt_w2rb_Obe3kKK1JPlMXc8/s1600/United+Kingdom%2528Great+Britain%2529.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2CPHGyPGTIoluqyHuzmv3GpgvDNIQW3FkqZkDXlX0SkoXblquuYgq8BZyr1Zbwp4nJQMhxpkkNCoAUUA0_8_2aep3nC55FujGFPJqC7D3mCLM09-lQskUUYUULDZuYFuioHYRMQLFaY/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_H1Z3-tE305VnO0zbXzBd6CNDZqxxbbZDzOcmZNwgPkEK_sGJANjFXHo0i7oG1W2YJEv7072lcqca4R8E93flAB3hNJ9qfj1l-bTxDH48X8FkIG5jXkDdaNjNJHmHFSXgmBtRvVRE0g/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRa3xNMlgRRd8yrWvN6vl2_tyDG9_MiMBqPfpQy2wtB17tPNlNBJJj05ptSW2iH-Yo5PDmt3HIfEyfudd9LXmjgjwKs3FCXufRGoQ3dVH6dEsbpHBe1YhJYnqjo0cie9YuMNh5zaM158M/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenvS4uBnZELGGJZedzv1NEEMZf1D6YogLFOhDzKt0Qx8_ukr7I9PkVTftkA0ZQ-vhyphenhyphennm9H1vm06qe2yhyIuozyjnPbE1h6x2YayEEBAvqdekRLAX9QhRAOfTLhGZtA0QHlsFWV4IBVKU/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUlfRhJblb6QfYAjhDfL51ADEkmP_9vJ-EQdMJ7Zb4DdNQ0aHoz8Rz_DYveF23KahuD3iwhOKLROU6rGpTjP4DtgF5g9N0qP30TedIne4gFGXoTsoiOJYshsd3yw7iT4mTvZ9E9qjYro/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>      </div>
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>


Selesai.
Anda bisa menambahkan beberapa translater negara yang anda inginkan
Begini caranya :


<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUlfRhJblb6QfYAjhDfL51ADEkmP_9vJ-EQdMJ7Zb4DdNQ0aHoz8Rz_DYveF23KahuD3iwhOKLROU6rGpTjP4DtgF5g9N0qP30TedIne4gFGXoTsoiOJYshsd3yw7iT4mTvZ9E9qjYro/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

Ganti yang berwarna merah dengan nama Negara yang anda inginkan.
Kalau yang biru alamat gambar. Tinggal copy paste alamat gambar yang sudah ada pada blog anda.
Jika belum ada, anda dapat mencari gambar bendera Negara di Google atau di Icon Finder
Height dan Width adalah ukuran gambar, sesuaikan dengan yang anda inginkan.


Setelah selesai coba anda preview dahulu untuk memastikan jika sudah tampak pada blog anda.
Jika sudah tampil Save dan blog anda kini mempunyai Translater.

Semoga Berguna.

Kategori: Blogger Trik

Rekomendasi Lainnya