Cara Memasang Google Translate Bendera di Blog

Bagi blog-blog berbahasa indonesia, widget google translate merupakan salah satu widget yang wajib untuk dipasang, pasalnya akan memudahkan jika ada orang-orang asing atau luar negeri yang berkunjung ke blog kita, jadi mereka dapat secara mudah mengerti dan memahami topik dan isi blog kita, karena zaman sekarang sudah bersifat universal, jadi tak ada yang tak mungkin jika blogger-blogger luar negeri mengunjungi blog orang indonesia.

Jika biasanya widget google translate berbentuk scroll down, kali ini farespo akan membagikan animasi unik dari widget google translate, yakni dengan logo bendera dari negara masing-masing, jadi pengunjung tinggal meng-klik bendera dari negaranya masing-masing, lalu halaman akan ter-translate secara otomatis ke bahasa dari negara itu.

Cara Memasang Google Translate Bendera di Blog

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode berikut ini kedalamnya.

<div class="widget-content">
<style>
.translate_bendera_farespo img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.translate_bendera_farespo:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.translate_bendera_farespoextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<center>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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/AVvXsEjJ4jpJaU0KjVreYAvE54TFXMNN6K24bdnjPPQA6WF8-1WJOxcf9RczZ_qcN4N1Kj4bgrAv1qXQB4gfGvwfESWGP6HEQEKe4v9u3VqWcHZ5knOfQ7ptPh198X-HoJtnkm0Jn0HTSCv7PbUJ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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/AVvXsEgyddKBrIkoY1tvZbvlBzC4mkDigOGj_6QwBuevFEQ_xnZEq3V_dThPHcfWkM82DrIlQrRm2LWCCF3DZDI5erE1FTkvkTahR3JDcQv-W0ZGJQKZf5VIJ7kXK6WE4x0GnXX033B0E4VTZ1Rp/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<br /><br />
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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/AVvXsEjXGV1MhPMUw7pC40uzTcX2ZjqhCc7fIslGLOjSFmAFcToAL65XfRysIwje8yIpxJ9JXxW8NlNu5Q_z_Q51od3IL9FKs1ZhwW-_ZaeqCJTNvNvuc3rdPGvkIn7pKm-2qywECfd3C62MosBj/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a>
<a class="translate_bendera_farespo" href="#" 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: 13px;" width="24" /></a><br /><br />
<noscript><a href="http://farespo.blogspot.com/2014/01/cara-memasang-google-translate-bendera.html">Get This!</a></noscript>
</center>
</div>
</div>

6. Klik "Save", dan selesai.

Demikian informasi terbaru tentang Cara Memasang Google Translate Bendera di Blog, simak juga artikel menarik lainya seputar tutorial blog tentang Cara Memasang Widget Radio Streaming di Blog, semoga bermanfaat, dan selamat mencoba.

Tweet