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/AVvXsEiQfr-cYuxsYW3Qp8gX3ajBHwCwssX1Dr6E6N-J6cNfEIhAyWgCC7yQ07gGJr6kW7bMBYNaZOBm4EKVHFsyjEtiNPZlB6bJsI66YgwZ-w4HYPO5gJJYKbe27Noep-Maxs2pLbeXNzlh-27D/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/AVvXsEgDQjlWazjIgQXylOO32eCnuL_xtwCwnjs5EF5sGACqeKTlJxHvIzFqXtgGUSjiFOw2qi20yuwRO5IWaEPgFOzVm5GCuxdGUcTHCmJUdd6tmyurlc4XkT-Clsl5eXx2dte_mf0s2_BZZN7m/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/AVvXsEgqx8aoR7rhcfSx5AhKWOaJ4Yii6yRFhtuBRvgKpLQeBXXRGgAwRx0HwHs_1Bbuyot0SXT1L4tTvGM1OeNnGkNUd7Xyn2QZ0_7e7hlktlLmLFK6AzHReXBWpQ7vTfm47413aHfcaSU5QM4j/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/AVvXsEgFBMdSGVV1l5JYqgj_GDRY4Be5IyZUQ9TbAqVhmWEG1Rx5ClrFlpGjcLedJFmjdA4WHg5fW_N-qmBRl5jxz0WCnN6mqRvOQl3urbEvXBSCunoU7nQy9o3dkCBEqMvXkUbJCmhwnL3bh8Uj/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/AVvXsEgxGbtPnJMhn6QSmKlNPljJfvPTqSAa5dpZxQvgnKbqCdR5JCvNvJ5oUZD5TQmzTrKVhg1mGLDIAZtEJH3BW5qHNWTTEy7gp6YTLoNGW2IMSc4EB2SDyCl8p7_WYMQcqrSS8AszrlXB1mS_/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/AVvXsEgSxL1v8EFCD9V68WOxMOs9CXRqJysemwE8u1kpprnQBdZsCUtHPTA3jLho-p8s6_CsK91-Q5X1kSvnudi69np2aqRAxEVC8J4r0OkDwqJzvTiyvC5pSBoeOTDi3KsPm0zj-mdh7M9Lly8u/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/AVvXsEi_R476ykTw9r02Im4GnpiROyc9oStbpHmkvbNk4cSyWrdXr6jhWQEpE1yt1NpV-1yXI_X1Ir-mYHSKj4uuLNdMKvgqfAyBaO0QeeLOm6rXwPAheMyfmuPqXlRCjgf_fNr-EXVXvo9q2N4p/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/AVvXsEh_BXWmYUNdGKysdjQbROFdVgymEaXDBey9uwtd4a22XhEWUNHOphmaNqkSwJa0zR0eA-u0PAMOlUN-Y4mfbRQRci2jjR8nKpIKmbSlVm5swgFOGLhSYmsHaMIxhEVlRjYa03QNfBbhFqmq/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/AVvXsEjt3ZbN9IGHL6woKFAzS5Oj7WFJu3EIlD7LWxKZ2tJcPPzOn4DaIJnn9Cd0bZUysTXVZQfJy8GQr2snW3_dzuwXPugqBCei7_8PvBHRPM_1xYXyuQfrQx19W-FpsddvkbSqTI-FK6ePSGLp/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/AVvXsEjBnO6JpKq4VR8xThqQ0RH7XviqyJ6Y3hRa3d3_XlO1KpVhytcmmVYJFzMgCszUv7L-79SDApKuvRCt22epKzC5TZpxswZCRKEGFIT7n_cb7Q8K45jsxvWc2qfrHucoqPTq95dHK2SD2-tn/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/AVvXsEgYD0Pv0tmA9xdEGeJsWVDgdmFQyA9O8lKDk4cTtKQPeRzOdXoG-jMu-2QeK7TE69ylyz-bVppQT_9hn9rMgtCK434PLehY9m7Z56yfHmoqcJbUInfvnKltmGYswvbo1NWllZ2cf6rX9NBf/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/AVvXsEjY-g5jmj7914b7IwYV7Z3c1cgDec5RT0qBmVIkMYiPAsUYapQ4gTMBMZPA5k0svgdKMBKJGmaBQriSTspd7k5f0FbxG-t8E6dcxETGE7Y1urTia0fbftlyb2FyKDSCeocu9f4X09cVphge/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/AVvXsEiQfr-cYuxsYW3Qp8gX3ajBHwCwssX1Dr6E6N-J6cNfEIhAyWgCC7yQ07gGJr6kW7bMBYNaZOBm4EKVHFsyjEtiNPZlB6bJsI66YgwZ-w4HYPO5gJJYKbe27Noep-Maxs2pLbeXNzlh-27D/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/AVvXsEgDQjlWazjIgQXylOO32eCnuL_xtwCwnjs5EF5sGACqeKTlJxHvIzFqXtgGUSjiFOw2qi20yuwRO5IWaEPgFOzVm5GCuxdGUcTHCmJUdd6tmyurlc4XkT-Clsl5eXx2dte_mf0s2_BZZN7m/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/AVvXsEgqx8aoR7rhcfSx5AhKWOaJ4Yii6yRFhtuBRvgKpLQeBXXRGgAwRx0HwHs_1Bbuyot0SXT1L4tTvGM1OeNnGkNUd7Xyn2QZ0_7e7hlktlLmLFK6AzHReXBWpQ7vTfm47413aHfcaSU5QM4j/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/AVvXsEgFBMdSGVV1l5JYqgj_GDRY4Be5IyZUQ9TbAqVhmWEG1Rx5ClrFlpGjcLedJFmjdA4WHg5fW_N-qmBRl5jxz0WCnN6mqRvOQl3urbEvXBSCunoU7nQy9o3dkCBEqMvXkUbJCmhwnL3bh8Uj/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/AVvXsEgxGbtPnJMhn6QSmKlNPljJfvPTqSAa5dpZxQvgnKbqCdR5JCvNvJ5oUZD5TQmzTrKVhg1mGLDIAZtEJH3BW5qHNWTTEy7gp6YTLoNGW2IMSc4EB2SDyCl8p7_WYMQcqrSS8AszrlXB1mS_/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/AVvXsEgSxL1v8EFCD9V68WOxMOs9CXRqJysemwE8u1kpprnQBdZsCUtHPTA3jLho-p8s6_CsK91-Q5X1kSvnudi69np2aqRAxEVC8J4r0OkDwqJzvTiyvC5pSBoeOTDi3KsPm0zj-mdh7M9Lly8u/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/AVvXsEi_R476ykTw9r02Im4GnpiROyc9oStbpHmkvbNk4cSyWrdXr6jhWQEpE1yt1NpV-1yXI_X1Ir-mYHSKj4uuLNdMKvgqfAyBaO0QeeLOm6rXwPAheMyfmuPqXlRCjgf_fNr-EXVXvo9q2N4p/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/AVvXsEh_BXWmYUNdGKysdjQbROFdVgymEaXDBey9uwtd4a22XhEWUNHOphmaNqkSwJa0zR0eA-u0PAMOlUN-Y4mfbRQRci2jjR8nKpIKmbSlVm5swgFOGLhSYmsHaMIxhEVlRjYa03QNfBbhFqmq/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/AVvXsEjt3ZbN9IGHL6woKFAzS5Oj7WFJu3EIlD7LWxKZ2tJcPPzOn4DaIJnn9Cd0bZUysTXVZQfJy8GQr2snW3_dzuwXPugqBCei7_8PvBHRPM_1xYXyuQfrQx19W-FpsddvkbSqTI-FK6ePSGLp/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/AVvXsEjBnO6JpKq4VR8xThqQ0RH7XviqyJ6Y3hRa3d3_XlO1KpVhytcmmVYJFzMgCszUv7L-79SDApKuvRCt22epKzC5TZpxswZCRKEGFIT7n_cb7Q8K45jsxvWc2qfrHucoqPTq95dHK2SD2-tn/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/AVvXsEgYD0Pv0tmA9xdEGeJsWVDgdmFQyA9O8lKDk4cTtKQPeRzOdXoG-jMu-2QeK7TE69ylyz-bVppQT_9hn9rMgtCK434PLehY9m7Z56yfHmoqcJbUInfvnKltmGYswvbo1NWllZ2cf6rX9NBf/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/AVvXsEjY-g5jmj7914b7IwYV7Z3c1cgDec5RT0qBmVIkMYiPAsUYapQ4gTMBMZPA5k0svgdKMBKJGmaBQriSTspd7k5f0FbxG-t8E6dcxETGE7Y1urTia0fbftlyb2FyKDSCeocu9f4X09cVphge/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