tutorial memasang google translit di wab atau blog dalam bentuk bendera

Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera. Tips ini baru saya dapatkan dari o-om. Baik, langsung saja pada langkah-langkahnya :

1. Pertama login ke blogger terlebih dahulu
2. Klik Tata Letak  
3. Klik tab Elemen Halaman  
4. Klik Tambah Gadget  
5. Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.

Tampilan Ke-1

Copy Code ini :

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16vzxdoR_sjXKYt0L9vTVvwAOTzcRtYwno88_Taw8pJjAE4LhTM6FRGAJyizEBsO3HB2VJCuA7Hs-xsz7GgWf3eY_2rYxY2u-PDRY2dklxqjF1T0kZKlD0tH84jql40ta-roZRxF-WXw/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBQmZSPhM35dPYlgiAfN5Ot0aUutWqocvMywJAwYY4VfM7DMDlLGz4UvOAS5uI6skB_zA8YLjWkc-1jdrhG5f07NARXTnrI52f5xHRsIkmzK26lznwy0Y-eiI9V-0aJEjd07bQhBr8zi4/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LtBiTrf3UcUISSJXINE_uUYrDM-36b0T3LI79N3Ghc_w0K9o9XXf1m3vAx8DF38Dw1_HXED96VdDjZOwn7d519d2aio57brrGd99KDjalBfbNI6mO8ZBEN74wfYYI6ccNLeEXQfWt05T/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1XqM4pwBYSE1Bnc0vimITj7KgZV4sHB94dh_P1mSVNxFwdbgXieo5qIE1QWdtNWg0FE80n3cvtOzN6LA6T9ArI6kUFMNCXQthojuEJdasGWjkD1tM6mR7FFFX5cOnOKlaF3Ayi55eBWEC/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJbc6IgBIdI1dSiPZXEt4LIaASMZ5hNuWbEgtwQ5cNtxPY0j6W-nf6k9grBCLmJ5amZTt2R4LKnMR775dgb1sSDTlueHUVeEbVrdgr5ZLepXKnSOk8g8WFoTw2eDXgS6n2Iv3LWLqMcDo/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Vl4wCL5qMvjKO-40m3_b_QfibAzRj43gDt65-xbqJ7RLHaAfwtMKLpxAHPPfJcuz4STdlI4GpebJmCEs3UFhK6tqGHUsD9jn_OaZHKlPV5FrwAwLU92Z3CUUku3gzyT5khvWXC3J340/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOhGiEB-aw4RdXf35ZBzY6m79tp4U6UvkHtrDLGx0Ikhz677DdECi300NfNlOEM66TgFY3K7fv54DQp13bwRynUjRcxSEpCRCDP_eKqoGaHQGPm2sEBiv9xJ4MmRIT3tEbYveO8rUZhAE/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4bS2EoDOt3dnV3Q0v2Ty3ovj0zP-Wfs-VSmA-mav3LcQ24TrANzHr5T0SNOOVmdgyarYJgtegiRPVaJNAPF3kf-88uhyphenhyphen00zE165wFSmdPprRxIqNa8M-P2kBWOMYFHPGS5XiZdac57w/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwJ1NUV50_w5E6yDGokr0r9OeqGHaVWHKwkguQjlsWVVNyrS0ajeWcDgCRr5p_g6jN-atZCkds16bYtP7S_TN_BUb5aNq-UVPbgbk4k65MF2tLqWeGnpAO5nl_ae62_sh2WZBTIRuYrSex/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrd361nuSx4oC71zBSsonqwxaaGsdB_ytxZ9dKnDtbEPIkiQezpNxoT1J-AsvMzAKo0kezmWoVeJa817CD4B_c4rpL96Wmer5WEukk8PWazLQDQ-yIhIWGmwc9uHjyaccxHu-8M5r9UGo/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLQXoSLlypalXmxCdaFmdt1GLhD6XCdxsn-EaO8HTOi-mPCqjT_68fHjVm-0nMA4MVcni2RadJ5NLELSHhWhf07sAbgnVaa111n_CR-ZkuYcXH8P7amxSy6xeD8O1GhDKqMpr_aOTolzY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEIdxPxAHqHP-NuGuv7DHkwIsS2kq_PyL0CFHLkNRpBclY6-gEhDUzBtWhtt53dr4fMTo9t0Pfgd8JVf2GHR6bLzi84DdqpBeDPQ_M-q9htlAft2OrY1aeuvK5_tXsgq0_g5mss22l618/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

 Tampilan Ke-2

Copy Code ini :

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi16vzxdoR_sjXKYt0L9vTVvwAOTzcRtYwno88_Taw8pJjAE4LhTM6FRGAJyizEBsO3HB2VJCuA7Hs-xsz7GgWf3eY_2rYxY2u-PDRY2dklxqjF1T0kZKlD0tH84jql40ta-roZRxF-WXw/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBQmZSPhM35dPYlgiAfN5Ot0aUutWqocvMywJAwYY4VfM7DMDlLGz4UvOAS5uI6skB_zA8YLjWkc-1jdrhG5f07NARXTnrI52f5xHRsIkmzK26lznwy0Y-eiI9V-0aJEjd07bQhBr8zi4/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LtBiTrf3UcUISSJXINE_uUYrDM-36b0T3LI79N3Ghc_w0K9o9XXf1m3vAx8DF38Dw1_HXED96VdDjZOwn7d519d2aio57brrGd99KDjalBfbNI6mO8ZBEN74wfYYI6ccNLeEXQfWt05T/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1XqM4pwBYSE1Bnc0vimITj7KgZV4sHB94dh_P1mSVNxFwdbgXieo5qIE1QWdtNWg0FE80n3cvtOzN6LA6T9ArI6kUFMNCXQthojuEJdasGWjkD1tM6mR7FFFX5cOnOKlaF3Ayi55eBWEC/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJbc6IgBIdI1dSiPZXEt4LIaASMZ5hNuWbEgtwQ5cNtxPY0j6W-nf6k9grBCLmJ5amZTt2R4LKnMR775dgb1sSDTlueHUVeEbVrdgr5ZLepXKnSOk8g8WFoTw2eDXgS6n2Iv3LWLqMcDo/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Vl4wCL5qMvjKO-40m3_b_QfibAzRj43gDt65-xbqJ7RLHaAfwtMKLpxAHPPfJcuz4STdlI4GpebJmCEs3UFhK6tqGHUsD9jn_OaZHKlPV5FrwAwLU92Z3CUUku3gzyT5khvWXC3J340/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOhGiEB-aw4RdXf35ZBzY6m79tp4U6UvkHtrDLGx0Ikhz677DdECi300NfNlOEM66TgFY3K7fv54DQp13bwRynUjRcxSEpCRCDP_eKqoGaHQGPm2sEBiv9xJ4MmRIT3tEbYveO8rUZhAE/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4bS2EoDOt3dnV3Q0v2Ty3ovj0zP-Wfs-VSmA-mav3LcQ24TrANzHr5T0SNOOVmdgyarYJgtegiRPVaJNAPF3kf-88uhyphenhyphen00zE165wFSmdPprRxIqNa8M-P2kBWOMYFHPGS5XiZdac57w/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwJ1NUV50_w5E6yDGokr0r9OeqGHaVWHKwkguQjlsWVVNyrS0ajeWcDgCRr5p_g6jN-atZCkds16bYtP7S_TN_BUb5aNq-UVPbgbk4k65MF2tLqWeGnpAO5nl_ae62_sh2WZBTIRuYrSex/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrd361nuSx4oC71zBSsonqwxaaGsdB_ytxZ9dKnDtbEPIkiQezpNxoT1J-AsvMzAKo0kezmWoVeJa817CD4B_c4rpL96Wmer5WEukk8PWazLQDQ-yIhIWGmwc9uHjyaccxHu-8M5r9UGo/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLQXoSLlypalXmxCdaFmdt1GLhD6XCdxsn-EaO8HTOi-mPCqjT_68fHjVm-0nMA4MVcni2RadJ5NLELSHhWhf07sAbgnVaa111n_CR-ZkuYcXH8P7amxSy6xeD8O1GhDKqMpr_aOTolzY/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEIdxPxAHqHP-NuGuv7DHkwIsS2kq_PyL0CFHLkNRpBclY6-gEhDUzBtWhtt53dr4fMTo9t0Pfgd8JVf2GHR6bLzi84DdqpBeDPQ_M-q9htlAft2OrY1aeuvK5_tXsgq0_g5mss22l618/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat