Google menawarkan berbagai macam widget yang dapat kita
gunakan untuk mempercantik atau menambah elemen pada blog, salah satunya yaitu
Google Translate. Google Translate ada bermacam tampilan yang dapat dipasang
pada blog. Kali ini kita akan membuat Google Translate dengan menggunkanakan
bendera dari beberapa negara. Anda bisa mentranslate halaman dengan cara
menklik bendera yang ada. Ingin tau cara memasangnya ikuti langkah dibawah ini:
1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadget lalu pilih HTML/Javascript
4. Masukan kode berikut ini:
1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadget lalu pilih HTML/Javascript
4. Masukan kode berikut ini:
<div class="widget-content">
<div>
<center>
<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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/inggris.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/francis.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/jerman.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></a>
<br /> <br />
<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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/spnyol.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/italia.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/belanda.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></a>
<br /><br />
<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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/rusia.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/brazilia.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/jepang.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></a>
<br /> <br />
<a class="google_translate" 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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/koreautara.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/saudiarabia.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></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://i1075.photobucket.com/albums/w440/inginberbagi2012/Bendera/cina.gif"
style="cursor: pointer; margin-right: 13px;" width="50"
/></a>
<br /><br />
<noscript><a href="http://inginberbagi2012.blogspot.com"
title=" tips blog, SEO Artikel Bisnis Artikel Komputer, Kumpulan Cerita
Lucu, Donload Softare Gratis, Dll"><strong>tips blog, SEO Artikel
Bisnis Artikel Komputer, Kumpulan Cerita Lucu, Donload Softare Gratis, Dll
</strong></a></noscript>
</center>
</div>
</div>
|
5. Simpan gadget anda
Demikian Cara Membuat Google Translate dengan Bendera pada blog anda. Mengenai Tempat dan berapa bendera yang akan digunakan silahkan sobat mengaturnya dengan cara mengedit kode diatas. Semoga artikel ini dapat bermanfaat.
Jangan Lupa Klik Like 
