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/AVvXsEiizzgRaA3i3EmY9XMByPblgplhXeSuhx1UdRExkhk4KuZNGPCL2V0kcJdzSw3W-PuHLe983njmJY5sCq3aVtf0YV8RxDd9ObwklO2Xz29IcEI9DYEsN7sYgoUarvoESR6H2V6m34Z5En1q/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/AVvXsEhHeSApKKvOICk8hXQ1twtECHLiN04tWz2VDy9IOfKOMLcWNpxNx_rBvGTVbnkgEZaUq3WOkZ-ATw6jWGrz5MjvoJZ8KBJ4ZzuzEX5Ru7XNQBoIRK7cgPXEr1bLyEAfQRwHXNXrrnT_sIA0/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/AVvXsEg16-OkCUnLh_tvUkP3yOAEzRKMbfg8Vki0O4ka1KsqZVnaNk_lXbFQexqylQXTa8zz1PN20oB1Up1dNytzItAiP1BdmSbYKc7wguKc93yvtw95iE7hTwhmJce6teD5eU0Ri2Jzz_G5bSjT/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/AVvXsEhciB1tNuvZ9vYn_q5nVQyCepgWWs14uyhJvBTv4Wz_aH2ztVoxDHmgPwqYIH2c9zsISVb2pGyL57reKzbweYgVJbvm__eRCg14iDwQ_Mh85thPFF4xgDvJKgK9FkDdlbdr30_pCxQJUxq6/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/AVvXsEiotT_QXDq9t2JOV3w0zsOvgGSMj7reJpTz6FsbPbDntU_vGXIM2MgvSfVPg7BvRoKlof8x7OLoTpWnvcw-QyAN1w3TRXOxF7MjPWzBNLhxT4ZNGPx0hXMvnbPRI41D49ZjgWpvCStPzhNT/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/AVvXsEi6YUe9HROdcDe-TcTxS57FrQKRB9gcDM4zpJMiE-sOX2B5XWQmfnh8e7-RIwTDrYtjSOcf72kbpCoJzrEYEEgJe-PwrjS-MibEwiwvAqLBiKBcwCBOY-eX6sAUIo4YoOrsIkQ5dcQL63Gy/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/AVvXsEi7t7OUAMUI0oZOZLFmO6bIj7VKL2335jWxVIff_wqIcMxfrDw9TQEO1Aa85_dRSwWYCPzoy6Fj5I81UQhBbg9N_XbsMStsRXh6uKcQumnPoqKFq4XtK1l-6Zo3lReYIz2Efirzmig_V6xM/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/AVvXsEic0CtLDWfE-8_8GN1Vx3lhY8Ffam0QYxXIuLzwezDgoqiUweAJ7OxbvR2yLyWeRdJsdQXldONH44wK4vY-QtUoocTjAf3-Uo-9RctafgujB_NvcqzZ9kro2bTPZFo8P8d2Fothf-z4Tpt6/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/AVvXsEik9HzWFLq5mI2E01zYU9Z4WecoWZPBLCxjCnPAPscYOna34nB6LUska6x91sfd2xSQsBlJWvRQro4s9LmYl1CKDSEySfBhOmo5kXE7R16L1QwJIkMhTpiGHCZzJbHoMvP3xd2DVgLBV6kq/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/AVvXsEh9PBZnuvVkNKcUGrRbgHj3yKIjofta4PWjD-lsSE1ZYzqMg3VcDnVAHYYDgPs4l__P5GyW-AfyG7URiBm0WLjpXpy0kTzmt-onS73Kg5G3FBpc3Uq-aF7kVAkAvj_X1Y0eVQTkOVh6VJ6E/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/AVvXsEh7kthgOOGEeF4zmgy0sGdVrOJf48Ov5cxcpweYBpyS4eOudzLcrKKPBvNC-1rKeUvX2h5Ocqi8QSBagikEUS7GqE9MhIFh8HFm_EXFo2lHe3drDWVXsSzplkFKWZNuyZ0pjjvqUh3xeg-6/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/AVvXsEjlSjIkkemorMYq9517uln_GP-jEUdeaPiViYutQTsd5se1R9IW2M1X7ocMF9mGeVV4bliXuVKieOue2hBqj8fPm7c8wNAH5xP9Ep_5866Z7AWdUNY57_dM6ZQR6xqS2Xo-WVNckx_dj-Zn/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://cewekpribadi.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/AVvXsEiizzgRaA3i3EmY9XMByPblgplhXeSuhx1UdRExkhk4KuZNGPCL2V0kcJdzSw3W-PuHLe983njmJY5sCq3aVtf0YV8RxDd9ObwklO2Xz29IcEI9DYEsN7sYgoUarvoESR6H2V6m34Z5En1q/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/AVvXsEhHeSApKKvOICk8hXQ1twtECHLiN04tWz2VDy9IOfKOMLcWNpxNx_rBvGTVbnkgEZaUq3WOkZ-ATw6jWGrz5MjvoJZ8KBJ4ZzuzEX5Ru7XNQBoIRK7cgPXEr1bLyEAfQRwHXNXrrnT_sIA0/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/AVvXsEg16-OkCUnLh_tvUkP3yOAEzRKMbfg8Vki0O4ka1KsqZVnaNk_lXbFQexqylQXTa8zz1PN20oB1Up1dNytzItAiP1BdmSbYKc7wguKc93yvtw95iE7hTwhmJce6teD5eU0Ri2Jzz_G5bSjT/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/AVvXsEhciB1tNuvZ9vYn_q5nVQyCepgWWs14uyhJvBTv4Wz_aH2ztVoxDHmgPwqYIH2c9zsISVb2pGyL57reKzbweYgVJbvm__eRCg14iDwQ_Mh85thPFF4xgDvJKgK9FkDdlbdr30_pCxQJUxq6/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/AVvXsEiotT_QXDq9t2JOV3w0zsOvgGSMj7reJpTz6FsbPbDntU_vGXIM2MgvSfVPg7BvRoKlof8x7OLoTpWnvcw-QyAN1w3TRXOxF7MjPWzBNLhxT4ZNGPx0hXMvnbPRI41D49ZjgWpvCStPzhNT/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/AVvXsEi6YUe9HROdcDe-TcTxS57FrQKRB9gcDM4zpJMiE-sOX2B5XWQmfnh8e7-RIwTDrYtjSOcf72kbpCoJzrEYEEgJe-PwrjS-MibEwiwvAqLBiKBcwCBOY-eX6sAUIo4YoOrsIkQ5dcQL63Gy/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/AVvXsEi7t7OUAMUI0oZOZLFmO6bIj7VKL2335jWxVIff_wqIcMxfrDw9TQEO1Aa85_dRSwWYCPzoy6Fj5I81UQhBbg9N_XbsMStsRXh6uKcQumnPoqKFq4XtK1l-6Zo3lReYIz2Efirzmig_V6xM/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/AVvXsEic0CtLDWfE-8_8GN1Vx3lhY8Ffam0QYxXIuLzwezDgoqiUweAJ7OxbvR2yLyWeRdJsdQXldONH44wK4vY-QtUoocTjAf3-Uo-9RctafgujB_NvcqzZ9kro2bTPZFo8P8d2Fothf-z4Tpt6/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/AVvXsEik9HzWFLq5mI2E01zYU9Z4WecoWZPBLCxjCnPAPscYOna34nB6LUska6x91sfd2xSQsBlJWvRQro4s9LmYl1CKDSEySfBhOmo5kXE7R16L1QwJIkMhTpiGHCZzJbHoMvP3xd2DVgLBV6kq/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/AVvXsEh9PBZnuvVkNKcUGrRbgHj3yKIjofta4PWjD-lsSE1ZYzqMg3VcDnVAHYYDgPs4l__P5GyW-AfyG7URiBm0WLjpXpy0kTzmt-onS73Kg5G3FBpc3Uq-aF7kVAkAvj_X1Y0eVQTkOVh6VJ6E/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/AVvXsEh7kthgOOGEeF4zmgy0sGdVrOJf48Ov5cxcpweYBpyS4eOudzLcrKKPBvNC-1rKeUvX2h5Ocqi8QSBagikEUS7GqE9MhIFh8HFm_EXFo2lHe3drDWVXsSzplkFKWZNuyZ0pjjvqUh3xeg-6/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/AVvXsEjlSjIkkemorMYq9517uln_GP-jEUdeaPiViYutQTsd5se1R9IW2M1X7ocMF9mGeVV4bliXuVKieOue2hBqj8fPm7c8wNAH5xP9Ep_5866Z7AWdUNY57_dM6ZQR6xqS2Xo-WVNckx_dj-Zn/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://cewekpribadi.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 .