Membuat Google Translate Bendera (Flag Icon)

 Malam :)
Kali ini Serba Ada Dengan tampilan yang Baru ini akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera. 

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/AVvXsEgJH5LxBQm60I4-pCAdEFwXv0F81mHLYgokSx-X7j78t5fzekC5z1ZTxQ_J7T3bU01ctMujnWyWrqVIVcV6PnrIboFNTsdXpjQLVvCq7Eifdd8OvG50MV60jmxFlVsgcintVt1MFt81oVQ/?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/AVvXsEi4EvV0MOF5LHNaCnRZk9KmkV1liP2hFf95JG65pElJtYJs1kHf_ARWMmGWli2n-fc8Qnxslb3CCWf-HywBLIhTxj_iFozTUhl_uKD_VTgqMWtM5fCEUXCoksg1wE5jK9Ap-TE2O8DwSi8/?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/AVvXsEiEag1cwzIeluAjT4HYaidolqzVMX5AzGfLZczYgBs-DZ4jhANOy4ivwffyhrbuQepf6XoLtnInEnO7PjCGkEs1TPUyTD8NPD1F1vQGqq05x2A1jryQxi3nUSA9HLP5r9oh3HAPgYVr-wZd/?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/AVvXsEioh5EsxXlIEYCwSWttJRa9Rgy12yD9TfntU-1eGOsjalvizOmTtVTihclpLOGf_1DKXtCMYCIIhmKbDWqSVsuGQc9-LQQ6Dz4nzT5AeAKyCzO7zAA3h-EEHFCzXFWpNm74lKWjeFITXJsy/?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/AVvXsEhS8kC1Hj1w8CqaR8CEvXEZt_hcGvH9UQX2hQqykeNDAtfkTyVV7yTU4JVtNZQx9tAR8fm2pK1uvWtUVdCBXiVsi62EQ4Q6GTimB7oLKjKSe99_rmtDxKvAmYhezq76h8tSb98fbAXeF40/?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/AVvXsEhTSKO2OI1yN4Xe0YJ_FpZnKXa9Zl2Ce9F9xZPysGmJth8l1d7SUh6lBwJtKh2ow3so4wRQ5NJvKXUgtzqCVLjaK4ieABIXgohoXnSk_cs_P-9jKL40qNgT82JtBsUoqdavYNS5wYG42aw/?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/AVvXsEjeoHOaOdtrJsWCH20saO1LQDqTi-FQYxEZ0IwsxrbOodkonV6YKbCqgYQ-TryU2n8xB7jdCbYu1COhFre1RHG8HFHbMGCqpGR83AZISgj8PPA2xJ9gMPck8-fJJFkqRW5Fv7ykmiCMtjM/?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/AVvXsEgYlhCODL_nryQfM59Y7wVM0rNruwrjIToVdLpw33YDpdsO3zX5Rj93-hcopqnrwubQL_tdqoPPCzHBEdOpSnw3pLuexJ2ewwqTj_KHHZPcx2FVpyetOGdIk7Q0i6CDRo_BB2Z6Zz2hs7E/?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/AVvXsEhnpiqElexLsz8zfWSyUNxVLAKAUntQgjhfwUdIDLOmBVG0S85F1Y_av8Y1_arsyVnOcL_AmzgF2XDwRaY-f4GWphtQged1GFoyck0CZOUAtqibZNqwYYjR2hEaVQCLiznhJ1SPU3qtWh3p/?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/AVvXsEiI72J98Jjidr0PUHRxjD9Pt2KqNVMBXu9xWm8HiHLMebUOc1vj2jRZWxH7refR6sUs1Ewr8kbgJZ4ahi0pExaf4Rh4F5SvEI2WhfOWxmRXMF-uR6MkDeNwjvg7zWFC2QTk1-V7_GYBxcg/?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/AVvXsEjmNtk5NKcVuSO-syJbZI7Z1VYFRQKEhm7iMyCLefeNRN9W2fzeI72GvMiTwAS0CkRIKNgvfOUkYCvEThncyAZYQNgzI3-Bw1YieVtFErQpldbuFvzsdm_J68_DGMXV_7j_9zAu71fOG40/?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/AVvXsEjMCI_AVCP8E_jgDtB86SsBNjsbWlfN5Cas-nDUJUhipTNet9E_MKNK_0QiZepJNealo09ehMO73D7li9WxWofwi_at0aK5CdfL16Z90IpTVnFp5CTus1iPVKudEh-u5HdDJyw3avUgQFw/?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/AVvXsEgJH5LxBQm60I4-pCAdEFwXv0F81mHLYgokSx-X7j78t5fzekC5z1ZTxQ_J7T3bU01ctMujnWyWrqVIVcV6PnrIboFNTsdXpjQLVvCq7Eifdd8OvG50MV60jmxFlVsgcintVt1MFt81oVQ/?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/AVvXsEi4EvV0MOF5LHNaCnRZk9KmkV1liP2hFf95JG65pElJtYJs1kHf_ARWMmGWli2n-fc8Qnxslb3CCWf-HywBLIhTxj_iFozTUhl_uKD_VTgqMWtM5fCEUXCoksg1wE5jK9Ap-TE2O8DwSi8/?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/AVvXsEiEag1cwzIeluAjT4HYaidolqzVMX5AzGfLZczYgBs-DZ4jhANOy4ivwffyhrbuQepf6XoLtnInEnO7PjCGkEs1TPUyTD8NPD1F1vQGqq05x2A1jryQxi3nUSA9HLP5r9oh3HAPgYVr-wZd/?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/AVvXsEioh5EsxXlIEYCwSWttJRa9Rgy12yD9TfntU-1eGOsjalvizOmTtVTihclpLOGf_1DKXtCMYCIIhmKbDWqSVsuGQc9-LQQ6Dz4nzT5AeAKyCzO7zAA3h-EEHFCzXFWpNm74lKWjeFITXJsy/?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/AVvXsEhS8kC1Hj1w8CqaR8CEvXEZt_hcGvH9UQX2hQqykeNDAtfkTyVV7yTU4JVtNZQx9tAR8fm2pK1uvWtUVdCBXiVsi62EQ4Q6GTimB7oLKjKSe99_rmtDxKvAmYhezq76h8tSb98fbAXeF40/?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/AVvXsEhTSKO2OI1yN4Xe0YJ_FpZnKXa9Zl2Ce9F9xZPysGmJth8l1d7SUh6lBwJtKh2ow3so4wRQ5NJvKXUgtzqCVLjaK4ieABIXgohoXnSk_cs_P-9jKL40qNgT82JtBsUoqdavYNS5wYG42aw/?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/AVvXsEjeoHOaOdtrJsWCH20saO1LQDqTi-FQYxEZ0IwsxrbOodkonV6YKbCqgYQ-TryU2n8xB7jdCbYu1COhFre1RHG8HFHbMGCqpGR83AZISgj8PPA2xJ9gMPck8-fJJFkqRW5Fv7ykmiCMtjM/?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/AVvXsEgYlhCODL_nryQfM59Y7wVM0rNruwrjIToVdLpw33YDpdsO3zX5Rj93-hcopqnrwubQL_tdqoPPCzHBEdOpSnw3pLuexJ2ewwqTj_KHHZPcx2FVpyetOGdIk7Q0i6CDRo_BB2Z6Zz2hs7E/?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/AVvXsEhnpiqElexLsz8zfWSyUNxVLAKAUntQgjhfwUdIDLOmBVG0S85F1Y_av8Y1_arsyVnOcL_AmzgF2XDwRaY-f4GWphtQged1GFoyck0CZOUAtqibZNqwYYjR2hEaVQCLiznhJ1SPU3qtWh3p/?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/AVvXsEiI72J98Jjidr0PUHRxjD9Pt2KqNVMBXu9xWm8HiHLMebUOc1vj2jRZWxH7refR6sUs1Ewr8kbgJZ4ahi0pExaf4Rh4F5SvEI2WhfOWxmRXMF-uR6MkDeNwjvg7zWFC2QTk1-V7_GYBxcg/?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/AVvXsEjmNtk5NKcVuSO-syJbZI7Z1VYFRQKEhm7iMyCLefeNRN9W2fzeI72GvMiTwAS0CkRIKNgvfOUkYCvEThncyAZYQNgzI3-Bw1YieVtFErQpldbuFvzsdm_J68_DGMXV_7j_9zAu71fOG40/?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/AVvXsEjMCI_AVCP8E_jgDtB86SsBNjsbWlfN5Cas-nDUJUhipTNet9E_MKNK_0QiZepJNealo09ehMO73D7li9WxWofwi_at0aK5CdfL16Z90IpTVnFp5CTus1iPVKudEh-u5HdDJyw3avUgQFw/?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>

Nah Mudah kan pastinya ? :)
Selamat Mencoba !!


kalau mau copas , jangan lupa sertakan sumbernya :)

 

Follow My Twitter  @Fikri_alathaz

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.