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/AVvXsEhXMRyJ96_ZwMtzUhP60MWTNktUfhayH4EcCac-VbkP4v7pvG5gXUbQnURbwS7kKqJoEw6_tWDBKMBKpS76lTl4QlsOjEJkquMb5-7de3OIiiG6nc9Guzv4K_M9Mmv1MfhjtJqh8HrlhHcl/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/AVvXsEhVO8fk7tJHf0A0tUfdJq1sDrHYlIxf-W8rxebHNTE2y5uDhNqdDVlcI4vnxW50QTuuXnzzOZqKDlALlnoQgXmqAfaDAAvHSYV1Q01LLazXamR8d-DZAkBjKFp76cNT8C_T_BY2ZT-X0SXA/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/AVvXsEgJkRDFegfBDgGlrbMTpQ5tyi2SCr4wUTw1Z0Us5ESZzIj842trfdF0KdGUtKUvm9HdunljgxaVzRlNxPNxL-0NWePAXORHgHKBxamQ-oovI7EqOy77nB5Ey6NG1jhZt50SmIGy8bG_Aca8/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/AVvXsEjMWrSQnPUOsQ1wm036JDtDZV-knvger7t9eWiP4o2W4KnIWkKbVZIs0xiYRC2yUuYgFCLj9upCh8VEy3KrXqtonLdFBkH8EbWrqlRvC-BMCqZVX-Dh_eMySw0oB0tjH2Ph_8ZPGc2X9MsK/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/AVvXsEhOnE6I4TOvtma-zouNs-kaRDZ0bV1u5P2Yc_JEsRloJJTFW4QwU8SgpAfWocYax2VIJacj2ANM3JxmkI0EF_yeq30pOT_hmXwQGrMV_uLZT4T2HSO-LdiuWRi-gx1q7gttF00CiAiIyEzX/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/AVvXsEjKpk-4lSVPM4O7SaR4FH36ya2PV6C0LEqxLqcC0BETj3tEvIgE-EZE2qzW-BaxAHDkekf4X0tdIAkqIkZkOEom0iEY5CVKnh4JIZgYj3t5M3cYLt_Wtq-fqeDM4sj7rlIPZKuwVcIPn1Pl/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/AVvXsEislplkH5KsZpMzLXDJrwzzBO03ZFsranjclpa0To42idPus6-FHEmmxsMEzo-qa6WDUzZHJDzlzRKNr_wgwUc4FHRPSd9kav8jOSIFCPvAkTjWE92Xq0aUrMGvs9RP7L15691KxoG3MRmG/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/AVvXsEiqZprw_mTfwgAn7tpqudIArT4FUomSIUyqOMAVLEOW8mSUL4DAUsbJ25eiwzLpp4SYgQwnj_uIdjQx45HFzvklELlrRc5S5yURd0sfidXBbrpHIzGZDSJki0ez4J0NdJYSyfxb5xBbdRxj/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/AVvXsEjmYHBJq-tvrGvhFwSp2yc6paCJZ06aTZOXAX2578Szet9WQ95sGT_C3VM1-Wei7NtL6HGFed3q7euac5A-qwF1pGX6nF2zFdsq7oniNluVAReLZvGnKns0pJ4lRC1olrNOE49IYG-h8UN7/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/AVvXsEhM9uz4-AfE3KYFQCc1X6QUmGEk8BJdVD7T9lz-2c1mLYnSAD3k80ZvFV5A4RZIUv7pAXig7OnG7xZwqj0VslB2TGVj8P5va4gE243xhOjfgZ3tczgnVx6iKwgckrLrc1p3FkulaxVjSS7b/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/AVvXsEgSBi9VkyG6yFRTrymfoxh7XGZ2amgRrVeMDPoH-nNoMg_VLCJCv3EYZQvtWd7pegXO1PnkovDhhXePuyr8ekK0gHZoUHlZ8aG7zvxYNSVXphJjY9ZBaqB3iR1OhJxqnYyRRhmAb_McHS82/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/AVvXsEit5-2uVDTm95hRw-sJlVH3Oo-si14_DP3yzIQiGXD57PAuLYwrdyTvpbLbb-nEdLA868RzCCLnnJMLkESKAzOQ55qgwsOIsoI7C1dnv68jNe-513T9KdbHzGm26Qym-agNdtabOgbal8Z7/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://albertotkj.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/AVvXsEhXMRyJ96_ZwMtzUhP60MWTNktUfhayH4EcCac-VbkP4v7pvG5gXUbQnURbwS7kKqJoEw6_tWDBKMBKpS76lTl4QlsOjEJkquMb5-7de3OIiiG6nc9Guzv4K_M9Mmv1MfhjtJqh8HrlhHcl/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/AVvXsEhVO8fk7tJHf0A0tUfdJq1sDrHYlIxf-W8rxebHNTE2y5uDhNqdDVlcI4vnxW50QTuuXnzzOZqKDlALlnoQgXmqAfaDAAvHSYV1Q01LLazXamR8d-DZAkBjKFp76cNT8C_T_BY2ZT-X0SXA/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/AVvXsEgJkRDFegfBDgGlrbMTpQ5tyi2SCr4wUTw1Z0Us5ESZzIj842trfdF0KdGUtKUvm9HdunljgxaVzRlNxPNxL-0NWePAXORHgHKBxamQ-oovI7EqOy77nB5Ey6NG1jhZt50SmIGy8bG_Aca8/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/AVvXsEjMWrSQnPUOsQ1wm036JDtDZV-knvger7t9eWiP4o2W4KnIWkKbVZIs0xiYRC2yUuYgFCLj9upCh8VEy3KrXqtonLdFBkH8EbWrqlRvC-BMCqZVX-Dh_eMySw0oB0tjH2Ph_8ZPGc2X9MsK/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/AVvXsEhOnE6I4TOvtma-zouNs-kaRDZ0bV1u5P2Yc_JEsRloJJTFW4QwU8SgpAfWocYax2VIJacj2ANM3JxmkI0EF_yeq30pOT_hmXwQGrMV_uLZT4T2HSO-LdiuWRi-gx1q7gttF00CiAiIyEzX/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/AVvXsEjKpk-4lSVPM4O7SaR4FH36ya2PV6C0LEqxLqcC0BETj3tEvIgE-EZE2qzW-BaxAHDkekf4X0tdIAkqIkZkOEom0iEY5CVKnh4JIZgYj3t5M3cYLt_Wtq-fqeDM4sj7rlIPZKuwVcIPn1Pl/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/AVvXsEislplkH5KsZpMzLXDJrwzzBO03ZFsranjclpa0To42idPus6-FHEmmxsMEzo-qa6WDUzZHJDzlzRKNr_wgwUc4FHRPSd9kav8jOSIFCPvAkTjWE92Xq0aUrMGvs9RP7L15691KxoG3MRmG/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/AVvXsEiqZprw_mTfwgAn7tpqudIArT4FUomSIUyqOMAVLEOW8mSUL4DAUsbJ25eiwzLpp4SYgQwnj_uIdjQx45HFzvklELlrRc5S5yURd0sfidXBbrpHIzGZDSJki0ez4J0NdJYSyfxb5xBbdRxj/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/AVvXsEjmYHBJq-tvrGvhFwSp2yc6paCJZ06aTZOXAX2578Szet9WQ95sGT_C3VM1-Wei7NtL6HGFed3q7euac5A-qwF1pGX6nF2zFdsq7oniNluVAReLZvGnKns0pJ4lRC1olrNOE49IYG-h8UN7/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/AVvXsEhM9uz4-AfE3KYFQCc1X6QUmGEk8BJdVD7T9lz-2c1mLYnSAD3k80ZvFV5A4RZIUv7pAXig7OnG7xZwqj0VslB2TGVj8P5va4gE243xhOjfgZ3tczgnVx6iKwgckrLrc1p3FkulaxVjSS7b/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/AVvXsEgSBi9VkyG6yFRTrymfoxh7XGZ2amgRrVeMDPoH-nNoMg_VLCJCv3EYZQvtWd7pegXO1PnkovDhhXePuyr8ekK0gHZoUHlZ8aG7zvxYNSVXphJjY9ZBaqB3iR1OhJxqnYyRRhmAb_McHS82/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/AVvXsEit5-2uVDTm95hRw-sJlVH3Oo-si14_DP3yzIQiGXD57PAuLYwrdyTvpbLbb-nEdLA868RzCCLnnJMLkESKAzOQ55qgwsOIsoI7C1dnv68jNe-513T9KdbHzGm26Qym-agNdtabOgbal8Z7/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://albertotkj.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 .
0 komentar:
Posting Komentar