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/AVvXsEjf3HLcKyU87XluaBxOMrF1JSBo3Sv66c0Y0xeh4uuK5-KrgnShkoGbIvWSzcU3h-8_9Ig1lzBPS-uVWs0egxFoQ1yz0sXOpTIqdZ7PMDtUTDVNr_7Dmlvl9fEW-BABh_dLSMtmP3yXilIX/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/AVvXsEg5XYb5WJ2-nYCFT-Uwjh4qan2opuQcp2Xdg1k2sGlEsvBn4_vSQWxJINPFg8wzihkgFEkrCb35ydTdNXoT2Bbh0zJUfi8zeh26FMsLW-8KyEgujZugpgJA0iqD-r0BQPmaoc5qec5Y4DdF/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/AVvXsEi8ha3KcBn_Ee4K6ApH6n0uOh8E_WFJBoU3MDtqR89PFmmq2voOh9M5px-aqN3E7335WuYo7Q6Eby_3xu4GkwNjhndHh3OgxWLBYl9JEu6UmWjv44Boa-wrAUARqLJW5amIiQhv1T88ndPQ/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/AVvXsEix777AJFHUi_Tt_-pyVWtbCMJ6qbtqAIbAMJL-6WABOu5OogI1NJaADQPT29GiOmlM3ix4TeXNlLTepNLpnjerSV_fadW1UZyH5fTIEUf3wf0la7IhQZsp3j57s1KwFFrZ7tuDwHUri-lN/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/AVvXsEjwD7uYjZlLySLgsfRPoBt_3usoCEihLXNyuhz4fqk4r7AnH3jq_BsHUG9xJA3B76uW4I9ohb9oUmMUjTEKV0EoLOOhIJIWEz8y7xVKBL9yWUREDN7WovwgHgHSv6L4qIR-869hVXO0yBW_/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/AVvXsEjI3mLOEXb8rLIi7jjZ0DFIyFZe_f5mghk2orVepXYAQ0ADuu-u8NI-p7WW68t7j8ioqeBNPg5Z5ju8a5sqC0GVDaHWyeRGTDlywtZ-zygxEO8rg2SgcCQZ4Ze379kJDD14m_ppk75liNFH/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/AVvXsEjhN-2IvWcduUH2HDpORAVyQ6nrS21SXScmEkybebj75nIEJVLjg9vbWc6MxRpe7o9ac3q4i7OykXMHlKMuNpRQ-r3ErvHib93SxqGskVoyrx3eN-IongFrV4G_IS3zAUQMPGxX1BkXcM0P/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/AVvXsEi3XDuWmWyKQfHSAvrBJ5OS7vfndM0sAnIIkT-d3_VIocK3mt7GYQWlaNiC2ZpTgoPB9OqeqRy-mAuz9bFwVBynFmKrqjZiG8slza2uIDZsA7udVwGAmChKdf5whoWCX7EG1jnV8KPVmYzY/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/AVvXsEgVYO57AR9MlsSrOcCvwk4ObFDU1EXW1xe1zVTeJmHaCT7C3juMQpo-_Bh3oBZQC7pE3U5-MCw48YTbKhnyOMIhlt8oSZQlBP2i6POT5OhSF8rO9Jz9TDAOWGXJ4SUXDPOnCmo5ir2R5y5G/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/AVvXsEi2y9g774XQ6V7SzcfzymvMyB8K8BvOKgawhXOtTfo6JPivyuIswKbWZZWPRvI2nPVOW_bVcyMvu4jlQMupFbilYAL2KvDluMIKPOevrGUDg2ijwcO5ykJazjD-SycJ8Q-uppJ7aOxyk17f/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/AVvXsEio6TBw1P5VtTIHYrKZLvUIZlcAvoXepb2DLRHK3HNLKrkTSBs_mv9oMQ0w3FXnjKEDhzEasIJ45x-isqSWhnYO_OLfiHhFToHjPtFOgwth9jBdC5SOhN8kMJzoeDdWGwmpqVJSC8VREwCZ/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/AVvXsEhbD71vymLdViKNFrJy8M8pn4n0A40WRBRvyCQ4nR14x4FjEDgh_Vu7QFi6g5XUhK3QcOdoFi9KURmVsuFUnFQfVSNTX8Hnq-p9wDe-Hgsbow1RKEsHeYoY_nln_hYRtVHdMC4n75wYI1SA/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 .
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/AVvXsEjf3HLcKyU87XluaBxOMrF1JSBo3Sv66c0Y0xeh4uuK5-KrgnShkoGbIvWSzcU3h-8_9Ig1lzBPS-uVWs0egxFoQ1yz0sXOpTIqdZ7PMDtUTDVNr_7Dmlvl9fEW-BABh_dLSMtmP3yXilIX/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/AVvXsEg5XYb5WJ2-nYCFT-Uwjh4qan2opuQcp2Xdg1k2sGlEsvBn4_vSQWxJINPFg8wzihkgFEkrCb35ydTdNXoT2Bbh0zJUfi8zeh26FMsLW-8KyEgujZugpgJA0iqD-r0BQPmaoc5qec5Y4DdF/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/AVvXsEi8ha3KcBn_Ee4K6ApH6n0uOh8E_WFJBoU3MDtqR89PFmmq2voOh9M5px-aqN3E7335WuYo7Q6Eby_3xu4GkwNjhndHh3OgxWLBYl9JEu6UmWjv44Boa-wrAUARqLJW5amIiQhv1T88ndPQ/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/AVvXsEix777AJFHUi_Tt_-pyVWtbCMJ6qbtqAIbAMJL-6WABOu5OogI1NJaADQPT29GiOmlM3ix4TeXNlLTepNLpnjerSV_fadW1UZyH5fTIEUf3wf0la7IhQZsp3j57s1KwFFrZ7tuDwHUri-lN/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/AVvXsEjwD7uYjZlLySLgsfRPoBt_3usoCEihLXNyuhz4fqk4r7AnH3jq_BsHUG9xJA3B76uW4I9ohb9oUmMUjTEKV0EoLOOhIJIWEz8y7xVKBL9yWUREDN7WovwgHgHSv6L4qIR-869hVXO0yBW_/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/AVvXsEjI3mLOEXb8rLIi7jjZ0DFIyFZe_f5mghk2orVepXYAQ0ADuu-u8NI-p7WW68t7j8ioqeBNPg5Z5ju8a5sqC0GVDaHWyeRGTDlywtZ-zygxEO8rg2SgcCQZ4Ze379kJDD14m_ppk75liNFH/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/AVvXsEjhN-2IvWcduUH2HDpORAVyQ6nrS21SXScmEkybebj75nIEJVLjg9vbWc6MxRpe7o9ac3q4i7OykXMHlKMuNpRQ-r3ErvHib93SxqGskVoyrx3eN-IongFrV4G_IS3zAUQMPGxX1BkXcM0P/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/AVvXsEi3XDuWmWyKQfHSAvrBJ5OS7vfndM0sAnIIkT-d3_VIocK3mt7GYQWlaNiC2ZpTgoPB9OqeqRy-mAuz9bFwVBynFmKrqjZiG8slza2uIDZsA7udVwGAmChKdf5whoWCX7EG1jnV8KPVmYzY/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/AVvXsEgVYO57AR9MlsSrOcCvwk4ObFDU1EXW1xe1zVTeJmHaCT7C3juMQpo-_Bh3oBZQC7pE3U5-MCw48YTbKhnyOMIhlt8oSZQlBP2i6POT5OhSF8rO9Jz9TDAOWGXJ4SUXDPOnCmo5ir2R5y5G/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/AVvXsEi2y9g774XQ6V7SzcfzymvMyB8K8BvOKgawhXOtTfo6JPivyuIswKbWZZWPRvI2nPVOW_bVcyMvu4jlQMupFbilYAL2KvDluMIKPOevrGUDg2ijwcO5ykJazjD-SycJ8Q-uppJ7aOxyk17f/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/AVvXsEio6TBw1P5VtTIHYrKZLvUIZlcAvoXepb2DLRHK3HNLKrkTSBs_mv9oMQ0w3FXnjKEDhzEasIJ45x-isqSWhnYO_OLfiHhFToHjPtFOgwth9jBdC5SOhN8kMJzoeDdWGwmpqVJSC8VREwCZ/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/AVvXsEhbD71vymLdViKNFrJy8M8pn4n0A40WRBRvyCQ4nR14x4FjEDgh_Vu7QFi6g5XUhK3QcOdoFi9KURmVsuFUnFQfVSNTX8Hnq-p9wDe-Hgsbow1RKEsHeYoY_nln_hYRtVHdMC4n75wYI1SA/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 .
0 comments:
Post a Comment