Membuat Translate Gambar bendera di Blog

Kali ini Zaenal Blog mau sharing dan menambah Koleksi Tutorial Blog tentang Membuat Widget Translate Gambar bendera di Blog. Tutorial ini saya dapatkan dari Blognya bang o-om. Apa fungsi Membuat Translate Gambar bendera di Blog? Tenang aja, ini bukan hanya untuk berat-beratkan Blog anda,hehe. Fungsi Membuat Translate Gambar bendera di Blog adalah untuk menerjamahkan isi artikel/postingan blog anda ke berbagai bahasa yang tersedia. Oke, langsung saja pada Cara Membuat Translate Gambar bendera di Blog :

1. Pertama login ke blogger anda
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/AVvXsEiMcVrZ8aEpbOg05iSJPLoiQzfCEih3Q1cHFY6KKhOE_i6pg7qK0eSp6JuWSbOOgGMLbPcRo6u3GW5S2HqBKEwv8qPKY1Q5-BfgdDyDIS_cYVOPO8zuvCbI5fKWgk4OZTpaaCGLIocTtrk/?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/AVvXsEhdhAe3DaQv9OMPJp1ar2Dn1rXyyNl5pAOSJYZdKAs2GB_smRFX1RNctIC3xNndZLR82V45_fxTMQOFevpjOPWflGHApQEzISfDBy8EDQf6kGXF5Zix3YkmzK__ozZX27qttZ6HRN8vEcU/?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/AVvXsEhYo7F50E3FQk4ooJWx2KxDwC7XT8YwG_XOcKrdAodp7BPwwVMqYUnFjhJPDE9zVoGQEOREHQIljeMsZZgPcQOzoROAQYinmu0rtoyC22XFU2XPcBYIDU129lZYTuzaAUMq3RKsS0eiZRTz/?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/AVvXsEiM1s5SiyDImgrJo1OEcK0d9kZVMNBx8jVNZ8oD1hz2gtMV4MA9S4tt7SYeR24a-0csVsHNqc-FEnFidp40dHTkpcpIRbRV_XzQ1xhza__m79hoSTw3EThRRv_VUrtSiMgB2DuNBl6Llzi_/?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/AVvXsEgmdXxrUlcwglehibiL6qvxHLGGZwNW8AtTv2hiLeUk9Iheck-jyZscFMhI6L3D8ikps9r6can8ywED7OXjJZj1pz4HpOz3c39aZ4G7db-s-v05tOB8Bd-VlUuyJOkZ7ia-5vEUuABsaF8/?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/AVvXsEgLGIJDdqqnmN2n2AsrPvN1luCz6KFg59QpJBK2e1sORdK4SCR7TGDUueYL4Ywx_xFFQ6dMOGR54T6ea0-QSDqE6gofXvm7tRZuEZX8hdvfC4QhIQQJc-5eA0noM97eyBo3FyZ2DpWppRM/?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/AVvXsEi7MPLJWqPohyphenhyphenHbcYVK4PHpgfk84CmEZXLY9YOSr8lUD2q8ofHaK35-33jkcyUBjj0SEmKlMP-81Hk7KkTGiXArZSv5Vby7O-zaw1ojgRDDu3GYlWLBE2b-Pa0gLowmfhWd-PWxaN-F2I8/?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/AVvXsEh3IBvtaxLV3qB8DoMe_nfoTw4v0l_XIEszpTy6Nonjsn-uh-reEGCUqdkEAl3uea4TNLahiQYkmWrWN_Lpsgyb_PyoXZpbzrxbY4IIBpKGpBS5kVM2DRb1UR1E8mwAiK-R7hocV-ACG8Q/?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/AVvXsEiq-VxmdUqiMQWxOlNhXrQMwFh63gpJMkxvn7CwvF9hl1GdtLM2mncLHyj0X8BVht-gvhfEEygENy45JRC42lsAFD8Rld5yUXB9oPVCv7UTx3qPZWJDvA_gWwJuXzpsTGkdWkangaW8PtSC/?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/AVvXsEgi6GlaamjTupttCIwXgdxzoPyh1XBt8TUyUFG2BAwq9tGwWoOjDhv00HxF4l2qL0BZdLCWnNeMLurbi6KpTSnZSeFV8_pee6GGNPO6ebyBKj0bthkAG1BG_w2HIeX3UVsCsF7Zp284a5w/?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/AVvXsEgH3GzIEuMga-hZbRNS__hvHAKGglUfC9GZtQZqcAqeOUvW2Wr_9CAU7YzM-7TIvoobaBZx7MdomaUDsUJie0RimPYTDQA37eJ9GRyX1UMM7X6u0YoYMId2Kt4Kcpj_Q6n9A9rE4vKq7CM/?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/AVvXsEip0YV8BQKo9EEIv31DBQQqk0o1pTPRxFrsiNJxCX3cVrzzY0t3fxG7oYQDB2vGpdg4HeLbnflR-vS3fZdgOxIARRDfmD7pHSoT_R_vZ1ndibLe4WkrwnFHGbyoPUxnn9NANqNZ6-AxQI8/?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/AVvXsEiMcVrZ8aEpbOg05iSJPLoiQzfCEih3Q1cHFY6KKhOE_i6pg7qK0eSp6JuWSbOOgGMLbPcRo6u3GW5S2HqBKEwv8qPKY1Q5-BfgdDyDIS_cYVOPO8zuvCbI5fKWgk4OZTpaaCGLIocTtrk/?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/AVvXsEhdhAe3DaQv9OMPJp1ar2Dn1rXyyNl5pAOSJYZdKAs2GB_smRFX1RNctIC3xNndZLR82V45_fxTMQOFevpjOPWflGHApQEzISfDBy8EDQf6kGXF5Zix3YkmzK__ozZX27qttZ6HRN8vEcU/?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/AVvXsEhYo7F50E3FQk4ooJWx2KxDwC7XT8YwG_XOcKrdAodp7BPwwVMqYUnFjhJPDE9zVoGQEOREHQIljeMsZZgPcQOzoROAQYinmu0rtoyC22XFU2XPcBYIDU129lZYTuzaAUMq3RKsS0eiZRTz/?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/AVvXsEiM1s5SiyDImgrJo1OEcK0d9kZVMNBx8jVNZ8oD1hz2gtMV4MA9S4tt7SYeR24a-0csVsHNqc-FEnFidp40dHTkpcpIRbRV_XzQ1xhza__m79hoSTw3EThRRv_VUrtSiMgB2DuNBl6Llzi_/?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/AVvXsEgmdXxrUlcwglehibiL6qvxHLGGZwNW8AtTv2hiLeUk9Iheck-jyZscFMhI6L3D8ikps9r6can8ywED7OXjJZj1pz4HpOz3c39aZ4G7db-s-v05tOB8Bd-VlUuyJOkZ7ia-5vEUuABsaF8/?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/AVvXsEgLGIJDdqqnmN2n2AsrPvN1luCz6KFg59QpJBK2e1sORdK4SCR7TGDUueYL4Ywx_xFFQ6dMOGR54T6ea0-QSDqE6gofXvm7tRZuEZX8hdvfC4QhIQQJc-5eA0noM97eyBo3FyZ2DpWppRM/?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/AVvXsEi7MPLJWqPohyphenhyphenHbcYVK4PHpgfk84CmEZXLY9YOSr8lUD2q8ofHaK35-33jkcyUBjj0SEmKlMP-81Hk7KkTGiXArZSv5Vby7O-zaw1ojgRDDu3GYlWLBE2b-Pa0gLowmfhWd-PWxaN-F2I8/?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/AVvXsEh3IBvtaxLV3qB8DoMe_nfoTw4v0l_XIEszpTy6Nonjsn-uh-reEGCUqdkEAl3uea4TNLahiQYkmWrWN_Lpsgyb_PyoXZpbzrxbY4IIBpKGpBS5kVM2DRb1UR1E8mwAiK-R7hocV-ACG8Q/?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/AVvXsEiq-VxmdUqiMQWxOlNhXrQMwFh63gpJMkxvn7CwvF9hl1GdtLM2mncLHyj0X8BVht-gvhfEEygENy45JRC42lsAFD8Rld5yUXB9oPVCv7UTx3qPZWJDvA_gWwJuXzpsTGkdWkangaW8PtSC/?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/AVvXsEgi6GlaamjTupttCIwXgdxzoPyh1XBt8TUyUFG2BAwq9tGwWoOjDhv00HxF4l2qL0BZdLCWnNeMLurbi6KpTSnZSeFV8_pee6GGNPO6ebyBKj0bthkAG1BG_w2HIeX3UVsCsF7Zp284a5w/?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/AVvXsEgH3GzIEuMga-hZbRNS__hvHAKGglUfC9GZtQZqcAqeOUvW2Wr_9CAU7YzM-7TIvoobaBZx7MdomaUDsUJie0RimPYTDQA37eJ9GRyX1UMM7X6u0YoYMId2Kt4Kcpj_Q6n9A9rE4vKq7CM/?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/AVvXsEip0YV8BQKo9EEIv31DBQQqk0o1pTPRxFrsiNJxCX3cVrzzY0t3fxG7oYQDB2vGpdg4HeLbnflR-vS3fZdgOxIARRDfmD7pHSoT_R_vZ1ndibLe4WkrwnFHGbyoPUxnn9NANqNZ6-AxQI8/?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>

Baik, demikian adalah Cara Membuat Translate Gambar bendera di Blog. Mudah bukan cara Membuat Translate Gambar bendera di Blog. Semoga bermanfaat.