Membuat menu flag translate untuk blog
Kali ini saya akan menjelaskan membangun menu flag translate untuk blog (flag icon), saya juga sebelumnya diposting Membuat bendera menu flag translate untuk blog dalam posting sebelumnya, adalah fungsi dari google translate untuk menerjemahkan isi dari posting blog ke blog pengunjung bahasa yang dapat dimengerti, seperti yang ada di sidebar blog ini, untuk bagaimana membuat google menerjemahkan bendera sangat mudah.
Fungsinya tetap sama untuk menerjemahkan, tapi menu flag membangun untuk menerjemahkan blog ini juga bertujuan untuk mempermanis / memperindah tampilan blog Anda
Tutorial nya cukup sederhana
Sebelum Anda membangun bendera menu untuk menerjemahkan blog ini silahkan masuk ke blog Anda -> add gadget biasa -> add javascript -> lalu copy dan 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/AVvXsEipCNQuJYrZvBEFED43C5ssDmnv1yIb4HOR-DHilcz2nILaXL9im_g4lZ4KXY3fSFITs9YHHcez3r29qXh5T5SVQ1KYeHqr7rfMLpfgGvwFMVJnTQpsY7CTeUQkwl5Daa3cAcPkqUU8EO0/s200/United+Kingdom%28Great+Britain%29.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/AVvXsEij-OTHuOfqlgC-_rA4VyRtMVVL9QERVYC_wM2k3Z6v0xlvELpsdzV17LiaXuIHGPoBRmVfu06MoaUd7z99N79fYPQQI808dkFxjC117_AtKnA08GL3lQJkaww1nL6mhyphenhyphenvrZ2GuFfbNqkc/s200/France.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/AVvXsEiIaGmz-22RGm8wUK9MvpYsFgRtjsi-PxOyN47gAuY2OV0JXIWoM1pbFmGMxSeobzFmrzvvv9FVhNE2Yl7S7JMC84jDdNiIphFf065K_fat8VJtsCQMsfSF6AU3yBtCbsdej76I9G_stok/s200/Germany.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/AVvXsEjcRz075-jIiQFdWN_tVi5kxHjuDDwa7Txr_1Pps0nK6nC6iLcE8vN9Xyq-gs6VvUk1nYwo-3vnm1Mw_CckmYA2HexBc4RmKyO4sglrNzoIHnpjs35xXuGBBGOUgBVsFz3EqxGqkxLOxEs/s200/Spain.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/AVvXsEjVU4RvuRkt79ksAEOlzC-n0mRVdgpgepvMH64qm3_Z5des1VND7kqRrxrCJFbQaYD_lVnEwd_a6lUg9ocD95IF3eI_DOzIWyIdPL78zPw5WLm_QYJCBwPlFrl-Fb0psQSV8hs7E3zAcAI/s200/Italy.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/AVvXsEgvzSRqbccLTXoV0DMmERnknoCMSliadK1j6x7HQD9TAN-F3VYFhk9v-c6dr5XlKGBeIqw6JPAbBoIbdM5IqHMK4CFFviV9drsy6Epi7w-k0cRAb0b7gjP7DD0XdFrh6akhrsCToQiAymo/s200/Netherlands.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/AVvXsEgab86FpBMUuwyQbmcaHag7ewmOI32uQYNv1eTF78wV5e8SkNJk74WMeuBmT-85AfZ2GGv9bF3b-PKPEY3v7j6RQdW1QQ4ELo-uCBWQnuhyPw-JI7DpkpfxF8DYAA724m_F3Q1wiHQ5P5s/s200/Russian+Federation.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/AVvXsEhYtttIxSqRGsJRI2LFfBlrY9CLHASEZAf5hsgupQBNMJ78AguAKQkm8b_WBCAqQxu3oXoxu87UDlBhaA2iWAy6R40y8iIkR-uAKLyxs0-R9f2EnT9rtLz0I1axl2BPHouPW5Mr36ZqN_Y/s200/Brazil.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/AVvXsEiptvmq8phJMf0Q7BT7Qwpymg1Ra0jdt08WcGcLqXWXVXvg1sYDij4PTjPgP3OLfS5XWvfYoqBBC_GDLIBJmmp_eqJNIC7GLw2GUpT8vKgRY8-cc2Gf3kQFhKIEf3hDcx5Ws6yvF_glui4/s200/Japan.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/AVvXsEhQ-xXR7GUGmPENhFwQqhAyhkdxXhfwjzisHmZTIYMjMSwEvc680j0_M_9lt-CdgLXpCFy77w_qjnGhj-L3JAJ4kVfyQejiSsef-i24SgZOxrz9LVZir7IHa6_AqJUDPNbZ5NBIGWTZ6Ps/s200/South+Korea.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/AVvXsEhWa86WEq7GmH5D3-AL9rADUf-USgrzwNR9dfrelb2Mre9DlNI9xXIXjjsJcHjv4uezfKmeFSJhj2vHWoyN8kIPS8-7zUGfSmY2QKro0BxyuDMvpEahfY2xW5N46Gp5rC9vXQXgsIovf4Y/s200/Saudi+Arabia.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/AVvXsEhdlu_nU2CxKCnCpNMzqs6GCkg8oof5A3HEmwogf7xQtAEnYplpeHd1F9UTEjjk2kGc74huUtd4FCfq5lMNmh5CPzK6Sgr4HtLqfPyuw8D_pD3OUhHk3-waWcR1os-EF2BHHij94dIxqzQ/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://mbahyar.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>
Lalu save
Lalu simpan template Anda, cara yang sangat mudah untuk membuat flag trasnlate google .. silahkan menikmati bendera ini tampilan google menerjemahkan .
Fungsinya tetap sama untuk menerjemahkan, tapi menu flag membangun untuk menerjemahkan blog ini juga bertujuan untuk mempermanis / memperindah tampilan blog Anda
Tutorial nya cukup sederhana
Sebelum Anda membangun bendera menu untuk menerjemahkan blog ini silahkan masuk ke blog Anda -> add gadget biasa -> add javascript -> lalu copy dan paste kode ini
copy paste kode dibawah 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/AVvXsEipCNQuJYrZvBEFED43C5ssDmnv1yIb4HOR-DHilcz2nILaXL9im_g4lZ4KXY3fSFITs9YHHcez3r29qXh5T5SVQ1KYeHqr7rfMLpfgGvwFMVJnTQpsY7CTeUQkwl5Daa3cAcPkqUU8EO0/s200/United+Kingdom%28Great+Britain%29.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/AVvXsEij-OTHuOfqlgC-_rA4VyRtMVVL9QERVYC_wM2k3Z6v0xlvELpsdzV17LiaXuIHGPoBRmVfu06MoaUd7z99N79fYPQQI808dkFxjC117_AtKnA08GL3lQJkaww1nL6mhyphenhyphenvrZ2GuFfbNqkc/s200/France.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/AVvXsEiIaGmz-22RGm8wUK9MvpYsFgRtjsi-PxOyN47gAuY2OV0JXIWoM1pbFmGMxSeobzFmrzvvv9FVhNE2Yl7S7JMC84jDdNiIphFf065K_fat8VJtsCQMsfSF6AU3yBtCbsdej76I9G_stok/s200/Germany.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/AVvXsEjcRz075-jIiQFdWN_tVi5kxHjuDDwa7Txr_1Pps0nK6nC6iLcE8vN9Xyq-gs6VvUk1nYwo-3vnm1Mw_CckmYA2HexBc4RmKyO4sglrNzoIHnpjs35xXuGBBGOUgBVsFz3EqxGqkxLOxEs/s200/Spain.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/AVvXsEjVU4RvuRkt79ksAEOlzC-n0mRVdgpgepvMH64qm3_Z5des1VND7kqRrxrCJFbQaYD_lVnEwd_a6lUg9ocD95IF3eI_DOzIWyIdPL78zPw5WLm_QYJCBwPlFrl-Fb0psQSV8hs7E3zAcAI/s200/Italy.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/AVvXsEgvzSRqbccLTXoV0DMmERnknoCMSliadK1j6x7HQD9TAN-F3VYFhk9v-c6dr5XlKGBeIqw6JPAbBoIbdM5IqHMK4CFFviV9drsy6Epi7w-k0cRAb0b7gjP7DD0XdFrh6akhrsCToQiAymo/s200/Netherlands.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/AVvXsEgab86FpBMUuwyQbmcaHag7ewmOI32uQYNv1eTF78wV5e8SkNJk74WMeuBmT-85AfZ2GGv9bF3b-PKPEY3v7j6RQdW1QQ4ELo-uCBWQnuhyPw-JI7DpkpfxF8DYAA724m_F3Q1wiHQ5P5s/s200/Russian+Federation.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/AVvXsEhYtttIxSqRGsJRI2LFfBlrY9CLHASEZAf5hsgupQBNMJ78AguAKQkm8b_WBCAqQxu3oXoxu87UDlBhaA2iWAy6R40y8iIkR-uAKLyxs0-R9f2EnT9rtLz0I1axl2BPHouPW5Mr36ZqN_Y/s200/Brazil.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/AVvXsEiptvmq8phJMf0Q7BT7Qwpymg1Ra0jdt08WcGcLqXWXVXvg1sYDij4PTjPgP3OLfS5XWvfYoqBBC_GDLIBJmmp_eqJNIC7GLw2GUpT8vKgRY8-cc2Gf3kQFhKIEf3hDcx5Ws6yvF_glui4/s200/Japan.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/AVvXsEhQ-xXR7GUGmPENhFwQqhAyhkdxXhfwjzisHmZTIYMjMSwEvc680j0_M_9lt-CdgLXpCFy77w_qjnGhj-L3JAJ4kVfyQejiSsef-i24SgZOxrz9LVZir7IHa6_AqJUDPNbZ5NBIGWTZ6Ps/s200/South+Korea.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/AVvXsEhWa86WEq7GmH5D3-AL9rADUf-USgrzwNR9dfrelb2Mre9DlNI9xXIXjjsJcHjv4uezfKmeFSJhj2vHWoyN8kIPS8-7zUGfSmY2QKro0BxyuDMvpEahfY2xW5N46Gp5rC9vXQXgsIovf4Y/s200/Saudi+Arabia.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/AVvXsEhdlu_nU2CxKCnCpNMzqs6GCkg8oof5A3HEmwogf7xQtAEnYplpeHd1F9UTEjjk2kGc74huUtd4FCfq5lMNmh5CPzK6Sgr4HtLqfPyuw8D_pD3OUhHk3-waWcR1os-EF2BHHij94dIxqzQ/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://mbahyar.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>
Lalu save
Lalu simpan template Anda, cara yang sangat mudah untuk membuat flag trasnlate google .. silahkan menikmati bendera ini tampilan google menerjemahkan .
thx bro
BalasHapusmuanteb sob atikelnya
BalasHapusThx
BalasHapusmantap dah gan, terimakasih
BalasHapusWah, bagus juga, tapi kalau boleh tau untuk membuat elemen translate langsung (bahasa konten blog langsung berubah sesuai dengan icon flag yang diklik) tanpa open tab ke google translate.... caranya gimana mas??..
BalasHapusTrims