Monday, January 3, 2011

Membuat google translate berbentuk bendera

Jika teman teman kurang puas dengan tampilan google translate secara default dalam bentuk scroll,atau mungkin tidak merasa style dengan tampilan seperti itu.Tenang saja disini akan diuraikan cara membuat google translate dengan logo bendera sperti punyaku yang disamping itu lhoo...,he..he,.,
Sebenarnya sangat mudah untuk membuat tampilan bendera tersebut,seperti biasa teman teman tinggal menambah/memasukkan script pada gadget blog teman teman.
 Untuk membuat google translate berbentuk bendera langkah langkahnya sebagai berikut:

 login ke blogger dulu
 Pada halaman Dashboard klik Layout/Tata Letak
 Pada Page Elements Klik add Widget, kemudian Pilih Html/javascript
Selanjutnya copy kan kode berikut ini ke dalam script html tadi:


<div class="widget-content">
<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>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3RE6M41BYca8se3fJi0zKgIWIGk94PBMHBSSbWlOb5pjG-i9OLfBkQUjfZSbfyPCFLlEFYE2ADmueqjpUf6vmLL2STxdAswncTZuYJ88b8iB4oC2W0T1LpqKQZTRfgux09qkRwb9mvI/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYLhyphenhyphen3lUcaiVhJG3WKlZdDxwlBYKfP15jH2JWPizUDHoRAxifr2hH38w3S0AxIleRLZ0PUx3jr06PXNoQz4B1vussGMheMcBr7rxYN2VXHG_xqaI9EbHoGe-3V-Ef9_yuMrQx-l-b2huM/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqd1A3fBNBYZK5CPM4SsHOorT4rhZe8yi-L-zUk8SSKJd3w_77fOUSpo3ZsrE7XXjcUO92YtKA4WkQAe8EkN4nImmWkc6my1syx13C5IGsjwHe0UehGoZCxnPgRAPeIH98NhzlfUE79RKx/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_UEf2HjrPVWMftoy0yTaz4sMs8HTBRP7K7h4jOQYa3aYMmN28_yT7LEFGj9WBoFQb5CtDPPkie-ifWaAYs05NXQJo_bpLh-jQO7pWpxQDV4ZSVQc9eYqpEFY6hkqAw7ki990umi43O5fb/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPH1nb0CzcHZr_tjN-KJYOFcAqu1_sGGng43c3eSBDjIUUCj7_Ux7J7DnK5GTmstAgstr4Fqu6HpGFA9R2SYncXZjQ7v8jVWDlISlMe7qY4-51NBBsyqjjmoFAUsUu-qieVjbTyr28a9E/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzztErWGPDGIOLqCzhGdvK4cnumECZdLDLF28jvtxUvZreJ3e7yxauT_DeRb9ZsZA1tSAfofIsYdsowPa4TkDpdXMTFIOoOQeZjgLMjzyyMSKuSn2euEoPE3i8XB1nOjpT1RqgSM_1RqU/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8XxQRdWBQFgzqdSW9EhcIRem-WIk0i3qrTYoMOtOJ0iaXlhfNtI-TcN6g9yjwXP4fbiE9XdaHNRLKjOQwRWnx_sqiOxDJ_JIiLZhk-JCgtqqKQhQTqh0tMsCvNy9t4usQVFVrJbtm4_A/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzn5Cw93CLCrsBTgCYUat_nxs81sfGggiT3DTWracOOPpDwmJQV2bMlHljhXMyLbtL4MOSNOXui7qAsOuicxLLLGNFbUGjkFoO9U1rc9EY5vPnImkosO5-mksOm9zFINcQQU4qHV9FEvc/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7giu__QVUgogPZ3sXYDyw4Q0K_70bdoOqOkB_eSfiYWbGv8kKJRl4VLfnBueZXT64Vmdrumx8jcIhuWfhgm75RAQs8ta4C6zaiimeRGvQ3hKDdJIhF3gXDZjSrs5ev9TWiJmB42FfbT0Y/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a>
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNrRtmyA8kzRy96dWShKbrQMufUJDYdcQj4vuuqhEhL14T6bO1QQOqKk9euoXhTOTWLM_MdOnoAl43J6RfSAvwFySxrNMEdkXo01U4KDpsY-PbSTHBweGrdHkMzVdPCZIy2Zl3JAjZr8/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoE2akLUpxOHCmrOHsFea5EnT2RnWE1e7ms-FqP3CzxhoYMqJwGwo2ywDA305k5SpiRInek-82NnsELUTRnNbh8FBO0h2ZH2TbVFA38wQlQb2UqvxdRH2wBY6RJskxDLW3dfmSAU8wi9Q/?imgmax=800" style="cursor: pointer; margin-right: 13px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKWMW-TNGE4uYQS2_0gqGOWkKyoY5LHJBxxsuMQTTBgMVfgDTpX01lV7IeWoKK_LwXJQShyDWc6TgPkPRy20L5YyHoATUn21hP4mgJchis9U_pfJziQWp9cZNq2n1mk_4-B-_20l9E5U/?imgmax=800" style="cursor: pointer; margin-right: 13px;" width="24"/></a><br/>

</center>
</div>
</div>

Jangan lupa klik simpan