Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) ,sebelumnya saya juga telah memposting cara membuat translate google di blog pada posting sebelumnya , fungsi dari google translate
adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung
blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini ,
untuk cara buat translate google bendera ini sangat mudah .
Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini
<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/AVvXsEgluLvJ7IIBt4_VdWP1zx-AdJrDwrZ_8D87xxJgjdyTM9WjyaEFyPnOgEozTDgGKGxWbDzdwvsuinERCKUVSaC3xuyAmgYmDslYkWq9H9fO4693OloDuvucJihAoEAkPV03JoijGfkNPsGk/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/AVvXsEji5wuAhgxX5c-gJyW0tqN6dmVjU0jIyLBPAqL_wFJ6CB-ykwNuIOECrCbgoUhnXaHcmjIVFhncMmsPGyqPwrboainJmlEYgSgQB7dUu8BLH68qW_HUrhDcWMQ8TNuY-ok6c3g0KVF5OsBw/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/AVvXsEhC4npb_0vYx0gJcQ6EUGjbtKnzClf_6_hAopy2j0G1ZjC4t7UDdFSUNV0TQ-fcnLGZro4wRTX5bE7IquAIMnABCUCZjIMO9AS3gCpblsLZYndzpDC-rV8Z6ZZu6MmIMSSTK30jGo2C6IMz/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/AVvXsEhcD4o2X5fHB7WcH9bqAxqNs4cDQpKP1j50vRBU_eDVf5Bfu2EXMVL1EO7xPt18jxqaCQVHwblxvuhrxow3mjbKvSMiuXWIJAEhv1spR2WWrSorL3_BcLvJYp_5DHwzH2dplPlj3Y-obyRo/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/AVvXsEj7Iqxtd5Sy4Oj0NhjsindEpzdzsxS2lU-9y9ZCbWdoFCqD3aSbcxCzmS0BzNqv6SGH6GW3lcdjwTYrrJkOPND2OySjMtEa2dgegOuH-8XaQxpIA430KAYiLDbti5TY7t100vvmzuEMNoW3/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/AVvXsEhsl-RKBLNDbwgETSRh2Yn7bDCzH-A9MbxYo3yQuTSR5Uf2_2u8yjPmbVNaLSFxg9RqfqKYhwyh5I4R984O4qI9cScUq3Kd0Z0r66xV6u_sSnuMHtAf1kf7uqslymKPSUxYv2IUzzuBqYQN/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/AVvXsEjIO0xcyy42qx5agUWUjV5xF_0Y4pJFhJrt-ZPwl4V1wUdt-BaARlJlMyyuP5wFixt0-sjq5uX_0Y9geSh-81bEEqMVY-_DRutHggAn9CAEcsJz85jseI0MSQe6h4KCbs4wsdOmDAIHHcBX/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/AVvXsEjphJBHaT7LueoZMJCy0RgDcxozOzzzkSxSJroCoMkK09JZUctixQWLlsJ0lQ-9oV0GFei8IQbXe3SQpY2soesmlnABebW_u4NpMHP_e6jNUSCJdFl69jQHVQ0jm8UoFLkZPyF8MsNVzbYk/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/AVvXsEj07d45gkod_mF0jj_TQMI-5pPmV5BDMYIyikYuC3RWPfNjMvf97ZYpz7u9jdqJfsGTizYQ-7sIqlJGq6zP23rkqxM6vkNpshm0GJoZmFKCx9py1l2C4WUlVkI5lgVg-IUQlQmQwpU5pFI4/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/AVvXsEgHt_TKVxy08X2tU-g0HII5bL-TIkQaTUnfXCsoidbzTFwobmpIECRD8p3nlJwdyti-5M-DHvyvviIJB-ER_tuf0HSX7WhDwHWXK3jCPpr-x0jy51m_PZH-KBpg5-7aU0wsEbpSHKV0Bl1u/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/AVvXsEiF7S1rcIOJ5DCQGRbMdvLLpQM_aN3t7swEYemLaypxv2VXJta2nJQKAp7IJIOIqbilIcpgpdp0hx60jjQJS4vEbp4g99zluoGu3EIQ27porPYAGBtcBUfjf3_ZMqNdgKVqTv44MG0cbP4d/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/AVvXsEixefqnxXKTg25DMiVU4T4Eqf6xZF0sXb_QIvKk91gbimMerNqjYuo-AMQz5XDj1kOKtlPcGbTa5xY0cUabWe464gdS7xmebxg8E7z2Gxlrlhz5dOJHkAqO4xULT452-8mDvZ3hu14Hv0_h/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>
Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .
Cara buat Google Translate Bendera
Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Translate Bendera
Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini
copy paste kode ini:
<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/AVvXsEgluLvJ7IIBt4_VdWP1zx-AdJrDwrZ_8D87xxJgjdyTM9WjyaEFyPnOgEozTDgGKGxWbDzdwvsuinERCKUVSaC3xuyAmgYmDslYkWq9H9fO4693OloDuvucJihAoEAkPV03JoijGfkNPsGk/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/AVvXsEji5wuAhgxX5c-gJyW0tqN6dmVjU0jIyLBPAqL_wFJ6CB-ykwNuIOECrCbgoUhnXaHcmjIVFhncMmsPGyqPwrboainJmlEYgSgQB7dUu8BLH68qW_HUrhDcWMQ8TNuY-ok6c3g0KVF5OsBw/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/AVvXsEhC4npb_0vYx0gJcQ6EUGjbtKnzClf_6_hAopy2j0G1ZjC4t7UDdFSUNV0TQ-fcnLGZro4wRTX5bE7IquAIMnABCUCZjIMO9AS3gCpblsLZYndzpDC-rV8Z6ZZu6MmIMSSTK30jGo2C6IMz/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/AVvXsEhcD4o2X5fHB7WcH9bqAxqNs4cDQpKP1j50vRBU_eDVf5Bfu2EXMVL1EO7xPt18jxqaCQVHwblxvuhrxow3mjbKvSMiuXWIJAEhv1spR2WWrSorL3_BcLvJYp_5DHwzH2dplPlj3Y-obyRo/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/AVvXsEj7Iqxtd5Sy4Oj0NhjsindEpzdzsxS2lU-9y9ZCbWdoFCqD3aSbcxCzmS0BzNqv6SGH6GW3lcdjwTYrrJkOPND2OySjMtEa2dgegOuH-8XaQxpIA430KAYiLDbti5TY7t100vvmzuEMNoW3/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/AVvXsEhsl-RKBLNDbwgETSRh2Yn7bDCzH-A9MbxYo3yQuTSR5Uf2_2u8yjPmbVNaLSFxg9RqfqKYhwyh5I4R984O4qI9cScUq3Kd0Z0r66xV6u_sSnuMHtAf1kf7uqslymKPSUxYv2IUzzuBqYQN/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/AVvXsEjIO0xcyy42qx5agUWUjV5xF_0Y4pJFhJrt-ZPwl4V1wUdt-BaARlJlMyyuP5wFixt0-sjq5uX_0Y9geSh-81bEEqMVY-_DRutHggAn9CAEcsJz85jseI0MSQe6h4KCbs4wsdOmDAIHHcBX/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/AVvXsEjphJBHaT7LueoZMJCy0RgDcxozOzzzkSxSJroCoMkK09JZUctixQWLlsJ0lQ-9oV0GFei8IQbXe3SQpY2soesmlnABebW_u4NpMHP_e6jNUSCJdFl69jQHVQ0jm8UoFLkZPyF8MsNVzbYk/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/AVvXsEj07d45gkod_mF0jj_TQMI-5pPmV5BDMYIyikYuC3RWPfNjMvf97ZYpz7u9jdqJfsGTizYQ-7sIqlJGq6zP23rkqxM6vkNpshm0GJoZmFKCx9py1l2C4WUlVkI5lgVg-IUQlQmQwpU5pFI4/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/AVvXsEgHt_TKVxy08X2tU-g0HII5bL-TIkQaTUnfXCsoidbzTFwobmpIECRD8p3nlJwdyti-5M-DHvyvviIJB-ER_tuf0HSX7WhDwHWXK3jCPpr-x0jy51m_PZH-KBpg5-7aU0wsEbpSHKV0Bl1u/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/AVvXsEiF7S1rcIOJ5DCQGRbMdvLLpQM_aN3t7swEYemLaypxv2VXJta2nJQKAp7IJIOIqbilIcpgpdp0hx60jjQJS4vEbp4g99zluoGu3EIQ27porPYAGBtcBUfjf3_ZMqNdgKVqTv44MG0cbP4d/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/AVvXsEixefqnxXKTg25DMiVU4T4Eqf6xZF0sXb_QIvKk91gbimMerNqjYuo-AMQz5XDj1kOKtlPcGbTa5xY0cUabWe464gdS7xmebxg8E7z2Gxlrlhz5dOJHkAqO4xULT452-8mDvZ3hu14Hv0_h/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>
Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .
Membuat Google Translate Bendera (Flag Icon)
9out of 10 based on 10 ratings. 9 user reviews.
