Cara Memasang Widget Google Translate Keren

Halo semua, kali ini Maknyus Blogger akan memberikan informasi tentang Cara Memasang atau Membuat Widget Google Translate Keren Di Blog. Sebelumnya, saya akan menjelaskan sedikit tentang widget google translate ini.

Widget google translate adalah widget yang berfungsi untuk menterjemahkan isi atau konten pada suatu halaman di internet kedalam bahasa yang kita mengerti. Misalnya kita mengunjungi sebuah blog, tetapi seluruh isi atau kontennya berbahasa inggris. Kalau kita mengerti bahasa inggris sih tidak ada masalah, tetapi bagaimana jika tidak? tentu kita akan kebingungan bukan? Atau misalnya ketika orang asing yang tidak mengerti bahasa indonesia mengunjungi blog kita, tentu ia juga akan merasa kebingungan.

Untuk mengatasi masalah tersebut, kita dapat menggunakan widget google translate ini agar pembaca tidak usah menterjemahkan isi atau konten blog satu persatu dengan cara mengcopy dan mempastekannya di Google Translate. Pembaca hanya tinggal memilih bahasa yang tersedia di widget ini. Untuk memasangnya, kita dapat menggunakan widget translate default dari blogger dengan cara masuk ke menu tata letak > tambah gadget > pilih gadget "Terjemahan" > pilih model tampilannya > Simpan. Maka hasilnya akan menjadi seperti ini :

model tampilan "vertikal"

model tampilan "horizontal"

model tampilan "tarik turun"

Tetapi jika kalian bosan atau tidak menyukai ketiga tampilan tersebut, kalian bisa menggantinya dengan widget google translate buatan kalian sendiri menggunakan kode HTML. Cara memasangnya masuk ke menu tata letak > tambah gadget > pilih gadget "HTML/Javascript" > masukan judul > masukan kode HTML widget kalian > Simpan. Berikut adalah contohnya :
1. ) Widget Google Translate Berbentuk Bola :

Kode HTML :

2.) Wdget Google Translate Berbentuk Bendera :

Kode HTML :

<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=id%7cen&hl=en');
 return false;"><img alt="English" border="0" align="absbottom" 
title="English" height="32" 
src="http://lh6.ggpht.com/_wC8_9aR_6uE/S-sB776niUI/AAAAAAAAC1U/53KmR8w--Po/English.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" 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=id%7cfr&hl=en');
 return false;"><img alt="French" border="0" align="absbottom" 
title="French" height="32" 
src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sB8GWAHJI/AAAAAAAAC1Y/81fOTrIntO4/French.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sCFFa5WmI/AAAAAAAAC1c/97SQ7axFB7o/German.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sCYzIZffI/AAAAAAAAC10/vIA6TrkepxQ/Spain.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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://lh5.ggpht.com/_wC8_9aR_6uE/S-sCFKZFwRI/AAAAAAAAC1g/KWQ1jFf8R7Y/Italian.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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://lh4.ggpht.com/_wC8_9aR_6uE/S-sB7-D9dsI/AAAAAAAAC1Q/-AKXc4EYB5k/Dutch.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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://lh5.ggpht.com/_wC8_9aR_6uE/S-sCY8sWqeI/AAAAAAAAC1w/zaeK8Jq_mrg/Russian.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a>  <a class="google_translate" 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/_wC8_9aR_6uE/S-sCFq_2QyI/AAAAAAAAC1s/eKNJL3NTdNc/Portuguese.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" 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=id%7cja&hl=en');
 return false;"><img alt="Japanese" border="0" align="absbottom" 
title="Japanese" height="32" 
src="http://lh6.ggpht.com/_wC8_9aR_6uE/S-sCFU6ZB2I/AAAAAAAAC1k/EKW0esnRZwM/Japanese.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" 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=id%7cko&hl=en');
 return false;"><img alt="Korean" border="0" align="absbottom" 
title="Korean" height="32" 
src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sCFawv3ZI/AAAAAAAAC1o/5h0bMG8dAvs/Korean.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" 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=id%7car&hl=en');
 return false;"><img alt="Arabic" border="0" align="absbottom" 
title="Arabic" height="32" 
src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sB7kqyAHI/AAAAAAAAC1I/P-sumP3J2fA/Arabic.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" 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=id%7czh-cn&hl=en');
 return false;"><img alt="Chinese Simplified" border="0" 
align="absbottom" title="Chinese Simplified" height="32" 
src="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sB7wEy9XI/AAAAAAAAC1M/uErl2x0JVGU/Chinese-Simplified.png?imgmax=800"
 style="cursor: pointer;margin-right:10px" width="24" /></a> </div>

Bagaimana menurut kalian ? Keren kan ? Jika masih kurang keren, kalian dapat mencari kode lainnya di mbah Google. Baiklah, mungkin hanya segitu saja yang ingin saya sampaikan. Mampir ke Postinganku yang lain ya ^_^

<The_End>

Anda baru saja membaca artikel tentang - Cara Memasang Widget Google Translate Keren. Silahkan baca artikel berikutnya Tentang - - Jangan lupa g+1 / fb / twit :)