Membuat "Flags Google Translate" di Blog - official winarko
OkeZONE.com News :
Home » , » Membuat "Flags Google Translate" di Blog

Membuat "Flags Google Translate" di Blog

Written By winarko.official.blogspot.com on Senin, 17 Februari 2014 | 2/17/2014 08:23:00 PM

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 :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Subscribe Artikel

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.

Enter your email address:

Delivered by FeedBurner

Artikel Terbaru

Recent Posts
 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. official winarko - All Rights Reserved
Original Design by Creating Website Modified by Adiknya