Memasang Translate Gambar Bendera di Blog

antoncabon Comment Blogger featured Widget

Memasang widget di blog adalah suatu kebutuhan dan tergantung dari jenisnya, disamping itu juga dapat memperindah tampilan dari blog kita. nah pada kesempatan ini saya akan berbagi sedikit tutor yang saya dapat dari Maskolis.

Untuk dapat memasang widget translate dengan images bendera setiap negara pada blog anda dapat dilakukan dengan cara yang sederhana berikut ini.

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.

Screenshot:

Translate Flags

Cara 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/AVvXsEjyk1bR8LsDDBO_rEl3HExLCNFKev6Nh9MddeVubAITIhZmMLELX6Up5WLIBjO6JhrxnRsrlKM-uYFvtYPz8KD2Z3f3UUE8eFFd8ZjMBsnisrQrUKd-Dal3qN4x_6J4x4qsT0eOYH64dbg/?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/AVvXsEgUUdrzuKsrj4ULO7CsQpJOcF7JptCWi4eXgmcnJInPqRpSC0CDO8Po7C8gBRZfBsqISfuKoNlwlRBcIkHdcf_UPxjAHWOzDN3pAJfopFnCWWbgG0Dn1sMFt90pcF1jbzgkeRHybgVhRxE/?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/AVvXsEijHGAKww8Ffo-G4mQvSF-Xe6KKjL_E9Q2UTUKnltJ9hqUxTS26LLfsB2uJ5N3RcRsRue54wwOHNF8OMkfivs3H0Ji18dJ2nTMW13quODim5yOV6QTyhTWuGleLzhI_a7cXsnQDTbkl5jmP/?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/AVvXsEi0__sh6jQ5RNEbg6whQhVsxyd5xtgAwbf1oa5XzhSVi5dtfzC22EmFLEU7Gdh_qqxHi6mIUdMGbtKuc3xJ18ruumuo4z4iB01vVc4QJFWn7BLZm5PVEstWhzrjBBwSGkK7-bAq4yp_gYP_/?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/AVvXsEhL9ZsUSNx8GbpQ-1BOEDFPbsfHm-uELyQikIXjVQ8cwT6z1MuBxm1Iv8ZtTEmLCadHr8QPWLeMMBO6KZAqrTDvhlzX7DBivzwuNNadqyHy_SLhPTaeRG2zCoPRipF0Tbeu1kgbqHPlYxM/?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/AVvXsEgIdZWvstkqMsjPZYPVsm6Rv3OtdMg0RAOFECDhHG5_MIEJU8U5Hp1JrWejdpB21BH4qlCpTw19ImuHJMijBZUqIK2YrDsx3MZkWtfP734pQb4c7XbW5M4GaN1tnfet4k9gPijkiq-ypfw/?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/AVvXsEiUlfbnZuWtEvQiNO_HeC5u-q_0l7qq9t01Th_giIyMDCPabdXxP7U4GcsWXNwq3Z27F3dcI8CRZTmnqyYgXX0k2smmJJ1Ns07TEO9_yBW1NTBBPdRn1QmtD0L_yMFzSSsTplWFATSK7Yo/?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/AVvXsEgIcQC-asSmzoodXQRE-wjWgq1n1C9fuXP4AIHYcjDfYGDaN_24dODzRjypp3H5BHSjuCZnGJE2fwm7HK1dCBSvF67w9OGV1PWttjE65vaLtMDa77Lncm956oejgpMfGizaty_xAEAs12o/?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/AVvXsEgRkOIvnG6X59vxm16Ay-bcL6tBUxS8JMWkLdWc7mKuScuVGY8dmPw0bgUTN6283oVJ4UaVlfFfPYuNfiZX4mzT7HiyzfiFulh78VgBG2mNU7F8PyBKw-G2WJbGe2oyGVQM9U4IfQbdbytE/?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/AVvXsEgz-05lIFyp1unUBlZo0NzBRO0c-kHuXzBGGHjnWQMV6dKKsHElCcQtsawRza2Nl1HLmU-kxN7HXhOTwcS3W5uZaeu6x1tb51Zz0G3RAfjXtGK1uyzWISzICMhSBLkEZftRw-cmQm1N2HM/?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/AVvXsEjGkDvy7mI3p1LJ_myIQJSHAoRh16J6qp7H4_pL2KUw3_o-6Jg3e-VMqhCk2knHABYqBJy1gBlSiTtshq_8Ipd0cy8Suzo-ENcup92bUrTSUsX6r3mOrcHx1K795PUKx47_cjsNLZEnIf4/?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/AVvXsEhZzXS2Q52CSMRXOpUKFEVbgMxayq_c6N5GD3TSqpNU0ULg9oDpPLmqxCJZPviTVXx7W29f7VtnvZJ_qSYruHXkjnNiiEXy5Eg5IRD2PvNt95Z5l9ot5vx1sBAyurPjGt1pKfa1DrX2Dxs/?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>

Cara 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/AVvXsEjyk1bR8LsDDBO_rEl3HExLCNFKev6Nh9MddeVubAITIhZmMLELX6Up5WLIBjO6JhrxnRsrlKM-uYFvtYPz8KD2Z3f3UUE8eFFd8ZjMBsnisrQrUKd-Dal3qN4x_6J4x4qsT0eOYH64dbg/?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/AVvXsEgUUdrzuKsrj4ULO7CsQpJOcF7JptCWi4eXgmcnJInPqRpSC0CDO8Po7C8gBRZfBsqISfuKoNlwlRBcIkHdcf_UPxjAHWOzDN3pAJfopFnCWWbgG0Dn1sMFt90pcF1jbzgkeRHybgVhRxE/?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/AVvXsEijHGAKww8Ffo-G4mQvSF-Xe6KKjL_E9Q2UTUKnltJ9hqUxTS26LLfsB2uJ5N3RcRsRue54wwOHNF8OMkfivs3H0Ji18dJ2nTMW13quODim5yOV6QTyhTWuGleLzhI_a7cXsnQDTbkl5jmP/?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/AVvXsEi0__sh6jQ5RNEbg6whQhVsxyd5xtgAwbf1oa5XzhSVi5dtfzC22EmFLEU7Gdh_qqxHi6mIUdMGbtKuc3xJ18ruumuo4z4iB01vVc4QJFWn7BLZm5PVEstWhzrjBBwSGkK7-bAq4yp_gYP_/?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/AVvXsEhL9ZsUSNx8GbpQ-1BOEDFPbsfHm-uELyQikIXjVQ8cwT6z1MuBxm1Iv8ZtTEmLCadHr8QPWLeMMBO6KZAqrTDvhlzX7DBivzwuNNadqyHy_SLhPTaeRG2zCoPRipF0Tbeu1kgbqHPlYxM/?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/AVvXsEgIdZWvstkqMsjPZYPVsm6Rv3OtdMg0RAOFECDhHG5_MIEJU8U5Hp1JrWejdpB21BH4qlCpTw19ImuHJMijBZUqIK2YrDsx3MZkWtfP734pQb4c7XbW5M4GaN1tnfet4k9gPijkiq-ypfw/?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/AVvXsEiUlfbnZuWtEvQiNO_HeC5u-q_0l7qq9t01Th_giIyMDCPabdXxP7U4GcsWXNwq3Z27F3dcI8CRZTmnqyYgXX0k2smmJJ1Ns07TEO9_yBW1NTBBPdRn1QmtD0L_yMFzSSsTplWFATSK7Yo/?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/AVvXsEgIcQC-asSmzoodXQRE-wjWgq1n1C9fuXP4AIHYcjDfYGDaN_24dODzRjypp3H5BHSjuCZnGJE2fwm7HK1dCBSvF67w9OGV1PWttjE65vaLtMDa77Lncm956oejgpMfGizaty_xAEAs12o/?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/AVvXsEgRkOIvnG6X59vxm16Ay-bcL6tBUxS8JMWkLdWc7mKuScuVGY8dmPw0bgUTN6283oVJ4UaVlfFfPYuNfiZX4mzT7HiyzfiFulh78VgBG2mNU7F8PyBKw-G2WJbGe2oyGVQM9U4IfQbdbytE/?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/AVvXsEgz-05lIFyp1unUBlZo0NzBRO0c-kHuXzBGGHjnWQMV6dKKsHElCcQtsawRza2Nl1HLmU-kxN7HXhOTwcS3W5uZaeu6x1tb51Zz0G3RAfjXtGK1uyzWISzICMhSBLkEZftRw-cmQm1N2HM/?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/AVvXsEjGkDvy7mI3p1LJ_myIQJSHAoRh16J6qp7H4_pL2KUw3_o-6Jg3e-VMqhCk2knHABYqBJy1gBlSiTtshq_8Ipd0cy8Suzo-ENcup92bUrTSUsX6r3mOrcHx1K795PUKx47_cjsNLZEnIf4/?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/AVvXsEhZzXS2Q52CSMRXOpUKFEVbgMxayq_c6N5GD3TSqpNU0ULg9oDpPLmqxCJZPviTVXx7W29f7VtnvZJ_qSYruHXkjnNiiEXy5Eg5IRD2PvNt95Z5l9ot5vx1sBAyurPjGt1pKfa1DrX2Dxs/?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>

Anda bisa menambah negara lain lagi yang ingin ditampilkan, silahkan dicoba.