Home » , » Membuat "Flags Google Translate" di Blog

Membuat "Flags Google Translate" di Blog

Written By Bayu Winarko on Senin, 17 Februari 2014 | 05.23

Iseng sebentar di kantor, bikin artikel tentang Blogger.,
Sobat Blogger sekalian, nih ada Coding HTML, yg ingin di Blog nya terdapat layanan "Google Translate" supaya jika Blog kalian di buka di Luar negeri sono paham dgn artikel yg kita buat.

Contoh nya seperti di bawah ini.., Cool kan ..??

Google Translate's

Arabic Korean Japanese Chinese Simplified Russian Portuguese 
English French German Spain Italian Dutch


Langkah-langkah nya :
  1. Login Blogger
  2. Pilih Tata Letak
  3. Pilih di mana sobat ini meletakan Coding ny
  4. Kemudian Pilih Tambahkan Gadget -> HTML/Javascript
  5. Terus Copy-Paste kode di bawah ini
<center> 
<br/><br/><br/>
<b>Google Translate's</b>

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<style>
    .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
    .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
    .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>

<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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/SaudiArabia.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/South_Korea.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Japan.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/China.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Russia.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Portugal.png" height="50" style="cursor: pointer;margin-right:0px"/></a>
    
<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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Great_Britain.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/France.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Germany.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Spain.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Italy.png" height="50" style="cursor: pointer;margin-right:3px"/></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" src="http://i1187.photobucket.com/albums/z382/yabbadabba_syubidu/Netherlands.png" height="50" style="cursor: pointer;margin-right:0px"/></a>
</center></div>
<br/><br/><br/>
</center>


Dan, tinggal di save deh., trus coba sobat Blogger Refresh halaman blog kalian.
semoga bermanfaat ya..

Share this article :

Posting Komentar

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