Cara memasang translate dengan icon bendera di blog

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi91JeeqglaJpaX6tVZSmG56fkc31iUGB7NGbvLsYCHgjuaELZN8XxvNC0D5CHfJT8lshetA_ClPoUK4XOxC-Q-b3Tbz8gUnaXyQQkbWdZ-Tr0paaeZ921g0MlixW1Nols9FDT4x3C2QB-q/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD722whN35NzR69Fx7Fg8BaLgjo2NzISsk5i4ePW9ytn_AVHf2LtwAmfm7utt31dXqJiHeBwqQHcyNxUPm0NMqWYTydXlB7Vr5qCU3QlLKHTAo3wuasqHXL48n-s1ZRRNRR_65d5MCqg93/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkd5FpqGz0pIVxjG2rao4mv_PDciYZ2juUQKlr9kazj0NFFfHAhahzoehm4NAwf9XSSrmFgX99dO_1_JkqrsmhCKbwcfHP37aNrXO4T2r9EZIxpeUDuvJE4hl93uMo4qAi8M0wSVXcxF8E/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkKpbdiRdrAvlhvegs-5RfZFv3914RkddAyAHK_ZrYxIFglfqCpdgXQUSX2meCKQo2Sg5flD6SDLM_646WjllmgxnyxlAL-QBp6RVnEushSmy6RPrW9SuSgPr5FJq882hnz8Vk1Z-AQLC-/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuRo7GB0TQjxpQpyEsp-Q6jBUHwkR5sYcTZfAzdv1Hr4KO5BSVzoOxKM0KbmfgnwQMlNha5qwyeuNmfGLjHIB_QxaCExX7gNZH487mcoYdurjjIPDlCYb7yVv8oqQeU2p5t2LUoCBYe0S/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0BbIxgof4a63R2IvDnIar2-UmJbIY9kLkz-2Kps8gnYqOlcOgUfDE6ibvnGZo3sQgK0FsCyWAT6MO3qdwi2VUANO0dm0m_ysDs9eROT0rP_7tzjw_vDqt0huHGK44df87oKz6LChouG9/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSGpdBPqmzerowtuZaa36Aq74_O82Xq6rCKrRca-qHF24UaYAtpe3XMe-TgTmyVopnVZ3B0HpFv3KS2L6VNWxbl47gfht-Ly2dRt0pwg6YPLHP1SgvLJ5y9kLfHW3WxLoOROr9ob630gu/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibMOJjlsDM_TOcNKrXlR5ZRilzQjHslCZ5eCO9FULdl7xBq-r-lydxbyoENV1M72XGkUo52Zgzm0fwSuswlQpQlC2VvlDjaTOAt4vAj64z3vC86EjPvGWNoWyNmQ2WNoLZYLJFFxX3DmY/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM3zZiCUEjez3_pNn8zbX2TDt2UYhxVMYTKgQTV6N_vTN2Gpqv_AEfnpWTjUFCPf15N6LaQGOWak4trHKq4TnxLobk5U81PPRw_ziojlw71AWjq6zEnDnxCA2Yho6xCA3hYWHJq_TVUEpS/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IOLSvtnnMBTIj0Jq-AFzosEnGfwlY2_5zcfjNnUSKqiuq0ENby7KWaW9pcbD4H0maTlEPCCYo594p6Km4arAbG9t4MZKTKw11z5J6v8ZokIdtJK-G30REIelIDMXUR67t0EN23P8xtzs/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDU1H41m3oVKWbOhKx4IN4-oLZ16OSlj_oyhONhZlEfDwPrz6dROIoZFtybWU9fJmjf1V8PiKKokCuo8AjxpqAkUxxb46WwGA0_PDKe_GxSj1lcL8EeLJI-ntFDVSuNj1mmb-4iJB3fG09/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNP8xkRX25jOgP8jyawDVBqhIFcxDOgcmCJBJ1wMYH1hgSzizlATo_MOQeEPBuEIKlEI1y1BfsG21BLRBqlMQhysJpsvCzXqqbdZXm1zJb-_WEDfdIAqIYqJmROHjljdHcRRKDOvRje1I6/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

        <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/AVvXsEhEnH-fzKTkzUs2xa8b1KR1i2wIPt1MfkOf9jzxcURtik8JDA-DQtEs9zjI0remEJT3A4XNiMUMO7BhqFsxbtTSPnjvFl4pYZ3FjY9cLd4H4xemBX7nZQotr6nRV10ppaFpIl0OX93R7Rk/?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/AVvXsEi_1QUuzLQnvEAnQPR9cPfikdHyx7vO9O_8x0D1HHEcQYcm0PVRMrQPCfq2-it7yUGiwF7tjLGvniyNh5MkUvl9qnGjnib4u_dJghNLDnDlhczDjISVGL_QRt_mD5riy6z8vNupc4kEvJ4/?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/AVvXsEjJYfZ1BpYwjeTT_FbmTr_-t0Iox5i4NRDGvEfNCwUGIfTLkfhiYeZ_WxxKSaO4mUck3Dre9G222-1dL8_DQgI0YpSoEy47RkVdCf3Mk90UaW1qN_GxlOcIADItA2Te0V_xC2Bi3EYjoTvT/?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/AVvXsEiZ5bVaKA_H9C_uJbxNrE2OiYzr5V_dkwEQ80KXHxt6hW8PdkGIxKl5eA50S2XpPL4Ax-MI0Ng4d_Tqg8fsEzDgV-b7rCzkg-yOXFxLFQfg1-ddQTtXrlmOPT0arYxYWRj5gRTCJHsHfq3V/?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/AVvXsEiJVFbnREcZa1htpcLg8JvsnA-Qi_edXN3VaJ4uxoVubs87mCrLmSYP91d7deC-izmKjlPGdXEJkWepjqXG-6OJEo7dusJWBWR7EQd-SDqRcvANgcqHILss32QAHxODRnrytBf3fitgEeY/?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/AVvXsEgqBqHzN0-K4mruS8dC3XHvON8rM7mgMvtPmQmpsh3Wc_Kzf948V-4d0A73cm2IZ-XaK2IYE2b29bY4U-jeYxWFOONnt-dlNLUA1K7uTKn5wDGLgk5niTcpJU11iNne12NQF1XNP5imJiw/?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/AVvXsEgeQRKO1QOeJTR4hb_tk2AfU1dKGWvJiQ5woveoK3rSuuoX3qs4ced_AqSO6t9VsFblnrAmO5baqtaQF44rxHuuKybyWn4dYvMniJOQcnH2WOp13iI_zI72jph5L0Cc-WqcG3AjHhWd5u8/?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/AVvXsEjS1LhnLWPOGaCjcmpcvrrogsUWK0ZyG9l0mvAkBpOGLQLBbJxEwdhmDEzFk6VYLhKKZY7UhGGnYkyhQaRa2s1wnYN9dUZnSbduz3_8l0M3UnHhhaTz6P-kqQrIIEnyMRGLJKu1SHw2BUY/?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/AVvXsEi4qQgHogxli2_sdk_-1TTXT3aKgyZBsmYP1iHEgXnoo3_x0kyb9sC-XV1bUY3tUO6fCy2_GADGW7EBjqXhMLEt2pzi7mWcIOz0d0PrkN5rVMSWU2-_6OEc75nmwkpPUuKJgeNqePg4WNaf/?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/AVvXsEiJp-EheRzqpChk_hGcwb-vbdy5SAtsLv0gmRJtp9iXcmRXBQB842Y80LEWGTy_WeT1-rwoWPTzCVChanYYQcHpaiFzpjshriQQ9083RVyQ4IbHlDIVaOQBvc4x7ZLLpzXfiVTdvYoqcKY/?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/AVvXsEhgOYGp65HTSw6AL28APAJo8urpgV_wnVr07A_5SB3A-CtuXFDXHD-R1mDp_OKKmvGooWADDZjimIa9ZXfd1THIecM9NnJRx7dHaousUMkkarFbuB6jcY_04gIbWHhxgJFjIp8_EUQO5Y8/?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/AVvXsEgIdj3lZm1C6D9AXRrOtw1hjEWAj2h7Aiq6aoSZkp4qDNpWuuGmLLE-Fs7_nLrZ2s19K9nvILxgw9WTNF7gvyi9YQJhHnxb_p5lXkbL0vR2uTVMGg8QkpTevIAbqFeJy8fJQtAZ5X4IR1U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

        </div> <div style="font-size:10px;margin:8px 0px 3px 0px">

        </div>