Cara Membuat Widget Google Translate Gaul - Trowongan Tol

Headlines News :

About Us
Contact Us
Sport
Instruction to use
Entertainment
- Music
- Movie
- Television
Health
Drop Menu

Home » Tutorial » Cara Membuat Widget Google Translate Gaul

Cara Membuat Widget Google Translate Gaul

Written By Unknown on Selasa, 11 Juni 2013 | 01.08

Cara Membuat Widget Google Translate Gaul

Halo semua, kali ini ane akan memberikan informasi tentang Cara 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 :

<center>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="English" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxwXtL6ZJqF22E2e5HgnsGvzz9pkUFJ7Wc-6zLU4Ax0PiRy5n5Q0OydM7bajgDIpHkJzYrJNd2aMkCA-ePo3BSOfgsYY8vnAv2i49PHtb75XiYMtu7NwcqjmRW3iyfChNe82XipJsaKo/s24/uk-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><a class="translate"
 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="French" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwpJwl5HQb1UzokH2_2UkAZhD8T64bcxs49WFRlgIkI9WQDFinfZ9X3-ZTC-pPN4vrvXSpc1juFYLHAM-6Bx3KmXIFrAaENt-57OBMwbByq9Nhc8L_QU7lQSrIJ-gb3pg03B0dgD8EDuc/s24/france-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><a class="translate"
 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="German" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vdqJOWrIRY2sqG6dR3JCZE6atOuW4uS85qjiEUG5j4_KV1ZfISt4I8AsCmiuHvsRxUbOOdOlsfqNJ9s0PpWLZA3EdjjHewAB8RYFEto1XkEybWpP5EiAdSFtQ-l3N-0kj6LpoxmtWBA/s24/german-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><a class="translate"
 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Spain" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj43yObELmd5U6_ywH3iImfbtT4bYQnTqMzPKPotbFySxjJEpbR0sP_7phbIxhWJ6swIPk45S0yH6WJcpHs7lzz9pc00NPk1OYA1x-q1SXotG4GWlkoX_GSF4xDUep6wjcQQbfGoFZhzik/s24/spain-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><a class="translate"
 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Italian" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpf7qESWjrxH9dKT3MyEzlMT0giXwJEiuEj6ybbwvvjticgJDn2DJa6WEMlwvg6D03BiWKDc_dv4CIEDq7jOaWEXes2NzFF6opxk5C8Il_AxoMgeq0-X5otHQi9CB7CAWoe_h22gJc8l8/s24/italy-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><a class="translate"
 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Dutch" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJQWco-q1FRO55J73lljvgQeqsdQlLhfTjcSSRCzLe9BGN3JDAphzSElQPas9oxk15t1OlimIFjAfvnE68_GR9Vqh4slnUUJzimOjbwhPqOA72czTLpiwo15HoQsar0KpaQbETvCuJB8o/s24/dutch-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a><br />
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Russian" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVACJkbjWUsaLOgMcfTSMjdogl9ukE1TdTag12tG6KTOe90esEvpZsCNtuBhwJHwzUTcKvSgTV-C8w7EURFinjPq6K0Ly-dsr5SNUPmwJzN8JPJas1kZ86IvK0WSryLEkG8FwGgb57iDg/s24/russian-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 target="_blank" rel="nofollow" title="Brazil" 
onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en');
 return false;"><img alt="Brazil" title="Brazilian" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc22-whXK8cXflVgqYuPk79oNpbM3nmCaDpfnDZhe0RwpLJvBabyOvLTIK7peB9dwFf3r-c79yFgSN6Ss5EXYI_Xl9fo4i2QY0YVUCUKzws6I1Ux3Olc9xJO37AbnxFovt1OTU076G8eQ/s24/brazil-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Japanese" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4N3r3yHF6Y6yDPOjNW8TLf8lxZoco-C8_POGZqrxecq0wkZSOOXGJzJJ2UMdHGgp0KIf_Rmfi7goAP33PwRpog_Nd5kIUxq_gX5DUHH3tmm40D6M9aj_yvqAAAScGbg57bGv7U1RJLE/s24/japan-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Korean" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuDl0hbCZgN5VQ6HI59hmS6B7wAjcv9KNVazR0jrl-8-6jy9zjV-CX89Pq9Wd2kgHPRFhQU6rjRoe9BEk_i7YRxu3A3R1K0kGdTtG2iTlJblnviUrIc7AGGJNa8JuvUwgrUdad-mtxGU/s24/korean-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Arabic" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5ulTE6VUh2fDOoDVcd5DyGO4yGjbc5B62SzU4JMDsltUAzSJGZRi-_VPTZ9gUmooTg6tu_dWnJfssl65n5slyGJCFVx-TaJTErMtINDTysnRYSng5iVsg9Vx_0d3wou6w2P-voL5bZw/s24/arab-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
<a class="translate" 
href="http://www.blogger.com/rearrange?blogID=2387486930473866780§ionId=footer&action=editWidget&widgetType=HTML&referrer=directory#"
 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" title="Chinese 
Simplified" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvVLARAoYOe4vR4vCsKCQ0WxgVRMB2OjqfbZ6z5K_VdbWqnEDN0_ypSmyX5CgrEzRcXJGukMIMQQIQcs5s1V-4e2eL5vafDYcdsxwehsCBXsF7j0LQmjXeDMzTVk5Mp44gfzChjdFdKPo/s24/china-flag.png"
 style="cursor: pointer; margin-right: 8px;" align="absbottom" 
border="0" height="24" width="24" /></a>
</center>

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 Postingan ane yang lain ya ^_^
bye bye

Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Home
About Us
Contact Us
New Single
Music News
Full Album

Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Trowongan Tol - All Rights Reserved

Template Design by Creating Website Published by Mas Template