Cara Pasang Translator Google pada Blog

Kawan-kawan yang ingin pada blognya ada translator karena pengunjung blog belum tentu WNI semuanya kan? bisa jadi dikunjungi oleh kawan-kawan dari Luar negeri, berikut ini cara pasangnya (bagi yang belum tahu,hehehee...)

Kode HTML tersebut kawan-kawan Copy paste kan pada blognya, pilih salah satu mana yang disukai :

* silakan login ke Blog > Tata Letak > Tambah Gadget
* klik HTML/javascript
* pastekan lalu Simpan..
* Slemat Mencoba

1. Tampilan berupa bendera, jadi dengan mengklik salah satu bendara, maka google akan mentranslate blog kita secara otomatis...

screenshot nya ,



code nya ;

<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="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3fryySSceZceAYfJzEVIyH5LBiHhx3-w9-Lut2aZNWJ4Pf_0YwJKVsDAx-dqydV9ue9YLhyrKFOtgK7vUv3QUYofrWn45VIyJfrpflWPmwc49FgXLXOlodEx7U-47ttYyD-m3k4x5jlF/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4q9hWF94zJyfC7fdh2E9ar80f9tkWix2f5eY-2rUHm6fnNN_5EuC6D_96XE6th-1Ua0xT-Q0eaAZw58SBtWeBKC1IL220jMCR9gJXBNrsNGhNMjW9cKJyLFgXXzpP6_dlIKEYGpGnl4P/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZKOTzrObjznbSanuB4mYRUc4V_zowa4RZTe1VjaI-eNmMamtB9hpoqSxAi5-Lkv-WYeQJgBnfX6_C_pCbodubNzKbwebL4bZCGIEyuJDz2T5CMLdXxRgIcHIZnaoBPfBBcSzbMn_COKu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate" href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



<a class="google_translate"href="http://triasvirasie161.blogspot.com" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>



</div>

Triasvirasie161

Untuk yang warna Merah, silakan kawan-kawan ganti dengan alamat blog yang kawan punya...

2. tampilan berupa scroll

screenshot nya ;



code nya ;

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&
up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

3. Yang Terrakhir Model Translate scroll Panjang.

screenshot nya ;

Code Nya ;

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>