Cara Membuat Google Translate gambar bendera di blog Sesuai dengan namanya google translate yaitu sebagai terjemah bahasa tiap artikel-artikel yang ada pada blog dan tersedia dalam berbagai macam bahasa, ada 3 macam bentuk tata letak yang akan kita bahas, anda tinggal pilih salah satu yang anda kehendaki.
Berikut contoh dan cara penggunaan nya :
- COPY Script Html sesuai dengan pilihan anda
- Log in Blog > Ke Laman Tata Letak > Add Gadget > HTML/JavaScript > PASTE
- Add > Finish
- Selamat mencoba
1.Tipe Horizontal
Untuk pilihan tipe horizontal, COPY script html dibawah ini :
2.Tipe Vertical
Ada 2 pilihan untuk tipe vertical yaitu vertical dua baris dan vertical tiga baris, tinggal sesuaikan dengan selera anda.
a.Vertical 2 Baris
Untuk pilihan tipe Vertical 2 baris, COPY script html 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/AVvXsEifQTrjnhwOK_pi94HDU7H1oFOte6kvx06XotZHo19qdyNF-uaqHvGjRpGpPpHTqBhSi9yRDA7xVl-zaTkibP5XaTYYc8n9aBYU-Cn-pwSyYBuWIkTfLBNrVA_J5huPDu1JK-fheXUTUWSQ/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/AVvXsEiT8KIVjFnkFu-UQCT_33uk895D0W_vq8PcbmkCW93ifkUH6SxKksM-WT4UqunTAhQ0SpsT6BYKuIT1kvvzrIgG78wN0Vdauy4fDvKek8PNau6_z9zcz5YyZNFWVIxnAOc9U7oHnfaqMda5/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/AVvXsEhWjXHU3WR_Zj2ZlHBSlrUz31PYBpMJFJ4pumCBTVdBxoeaHHhzpYpwpXEnzlevTiIewGi_oJo3MY4dW2HTADdh4QFoNm-BQG7PzERsAbeu9MT1I-pfixuS-7qF_gkW-KESwzic1jZ58U6C/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/AVvXsEiPaWfT7nGH7pqKg6ZFzEk7vXkika1qqqCe_z-SIPDciCGHtRM_dKAMmQFwIWzqt2nNNA_ZS3TN3nT63Ec08_hKQ9leaAv4nzxt5KGb8bxFajvk6AeLUKotb-U-Jhgg7ztIUqv7qjhXAZLi/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/AVvXsEj4gaJmssQ_6gfun6p_FDJseqqQQ0g2lqgr0LypsYsqNGRozh3A-bvc_Vc0ZUPoNeH6-mcjnAmDIC_P6Ee6t5gvfdeCVrRhf0HLwNj-rfMjKnkNZZgyA2roHY9wE6eFIawpApGLmVwUx_5v/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/AVvXsEjX6KxfouOrZCyZbo66hsY3vl98iR_ZaWP1ySDoBW2iwW-pZLjK7jSCSXLPqbDdeR5bIcWthu7dhDwX560CoKMJUe8lsaetbt6Cw4oQ2QqtJQynlQrZYSGbq8v8ih8P1pc6B3lMcgFovJOV/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/AVvXsEiH_wkx5OplyCL_fGxitX9COZiZetfluDWJT_ptJsmPsy_gBoJgSsXTDT2r-11hEU2wOV7A5DfQDJmgVFMMvq-_lQAneasmiAEdH9oFTBcjgAp9YM3hP9tzS3R8YWhk687xGpzZOtNMmatZ/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/AVvXsEisXwk7Qh185022nX681_vOBadIKlRcX8A0GU1j8spWwGAfz22K0FcJjTTCqDdBRVwsfYVw6RKD44-WpmbSdu6HFVIktEHOS07OsykzpDcvmQxHRtBgAxyyxa5CVcK1FKG8RKiVDkia6qxq/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/AVvXsEg40e6kcMiiqRJWYxyba12iisxzp01xIkxrc2RVLjLSlqqo4XDzu7ZKG0DZxDrIKa8TtLDh7rBpsbVJw8AqRKdUuS7k2IAQVRvi-xGju8MzQq4PTOBaDMjAWYXxQ0KW3mz0Hw0ulZrX4C_9/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/AVvXsEgOvrb_D2m8LpSjooUtpO-oxTJ20XhaKRX8GFPxF2Whyphenhyphenwqd-u3AGP83Ck9b-mQQh55gi6HPjL3DnNXDgUfKHsW7v8JRpoQ2sVNir1U8sn9GsobGOO39b9572QNPL9hbQap1ZTLR8N58NDhs/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/AVvXsEgnkoqQwGXUqoAzrM46CJYmkPHCe9spD-vj1emAEorZavFUvLJaHrXyPC82fD4eTJKr0K8itG7scHlyPL2MwGHkEoLS45Y5aClceCGjht8TWKncU-Bih_chprKvNj-cAKvDj6Ivh79KY-Ma/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/AVvXsEhOiD3hqrh8ot8Q6awf_hZXtdiAtdpvEYSPTt9FlvAyQPF_Y5rdBzcptWRqizdyF9H2YVq7FMfIOQP9YiZHaUrYmdAUV-cVDbQAdr97QdG98tEbUybqOBmbt6lkOjQIkj1l0d5PFgw_NNqN/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://gustilubis.blogspot.com/2013/01/cara-menambah-google-translate-dengan_9.html"
target="_blank">Translate Widget</a> by Google </div>
</div>
b.Vertical 3 Baris
Untuk pilihan tipe Vertical 3 baris, COPY script html 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/AVvXsEifQTrjnhwOK_pi94HDU7H1oFOte6kvx06XotZHo19qdyNF-uaqHvGjRpGpPpHTqBhSi9yRDA7xVl-zaTkibP5XaTYYc8n9aBYU-Cn-pwSyYBuWIkTfLBNrVA_J5huPDu1JK-fheXUTUWSQ/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/AVvXsEiT8KIVjFnkFu-UQCT_33uk895D0W_vq8PcbmkCW93ifkUH6SxKksM-WT4UqunTAhQ0SpsT6BYKuIT1kvvzrIgG78wN0Vdauy4fDvKek8PNau6_z9zcz5YyZNFWVIxnAOc9U7oHnfaqMda5/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/AVvXsEhWjXHU3WR_Zj2ZlHBSlrUz31PYBpMJFJ4pumCBTVdBxoeaHHhzpYpwpXEnzlevTiIewGi_oJo3MY4dW2HTADdh4QFoNm-BQG7PzERsAbeu9MT1I-pfixuS-7qF_gkW-KESwzic1jZ58U6C/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/AVvXsEiPaWfT7nGH7pqKg6ZFzEk7vXkika1qqqCe_z-SIPDciCGHtRM_dKAMmQFwIWzqt2nNNA_ZS3TN3nT63Ec08_hKQ9leaAv4nzxt5KGb8bxFajvk6AeLUKotb-U-Jhgg7ztIUqv7qjhXAZLi/s144/spain-flag.png"
style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <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/AVvXsEj4gaJmssQ_6gfun6p_FDJseqqQQ0g2lqgr0LypsYsqNGRozh3A-bvc_Vc0ZUPoNeH6-mcjnAmDIC_P6Ee6t5gvfdeCVrRhf0HLwNj-rfMjKnkNZZgyA2roHY9wE6eFIawpApGLmVwUx_5v/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/AVvXsEjX6KxfouOrZCyZbo66hsY3vl98iR_ZaWP1ySDoBW2iwW-pZLjK7jSCSXLPqbDdeR5bIcWthu7dhDwX560CoKMJUe8lsaetbt6Cw4oQ2QqtJQynlQrZYSGbq8v8ih8P1pc6B3lMcgFovJOV/s144/dutch-flag.png"
style="cursor: pointer;margin-right:8px" width="24"/></a> <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/AVvXsEiH_wkx5OplyCL_fGxitX9COZiZetfluDWJT_ptJsmPsy_gBoJgSsXTDT2r-11hEU2wOV7A5DfQDJmgVFMMvq-_lQAneasmiAEdH9oFTBcjgAp9YM3hP9tzS3R8YWhk687xGpzZOtNMmatZ/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/AVvXsEisXwk7Qh185022nX681_vOBadIKlRcX8A0GU1j8spWwGAfz22K0FcJjTTCqDdBRVwsfYVw6RKD44-WpmbSdu6HFVIktEHOS07OsykzpDcvmQxHRtBgAxyyxa5CVcK1FKG8RKiVDkia6qxq/s144/brazil-flag.png"
style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <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/AVvXsEg40e6kcMiiqRJWYxyba12iisxzp01xIkxrc2RVLjLSlqqo4XDzu7ZKG0DZxDrIKa8TtLDh7rBpsbVJw8AqRKdUuS7k2IAQVRvi-xGju8MzQq4PTOBaDMjAWYXxQ0KW3mz0Hw0ulZrX4C_9/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/AVvXsEgOvrb_D2m8LpSjooUtpO-oxTJ20XhaKRX8GFPxF2Whyphenhyphenwqd-u3AGP83Ck9b-mQQh55gi6HPjL3DnNXDgUfKHsW7v8JRpoQ2sVNir1U8sn9GsobGOO39b9572QNPL9hbQap1ZTLR8N58NDhs/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/AVvXsEgnkoqQwGXUqoAzrM46CJYmkPHCe9spD-vj1emAEorZavFUvLJaHrXyPC82fD4eTJKr0K8itG7scHlyPL2MwGHkEoLS45Y5aClceCGjht8TWKncU-Bih_chprKvNj-cAKvDj6Ivh79KY-Ma/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/AVvXsEhOiD3hqrh8ot8Q6awf_hZXtdiAtdpvEYSPTt9FlvAyQPF_Y5rdBzcptWRqizdyF9H2YVq7FMfIOQP9YiZHaUrYmdAUV-cVDbQAdr97QdG98tEbUybqOBmbt6lkOjQIkj1l0d5PFgw_NNqN/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://gustilubis.blogspot.com/2013/01/cara-menambah-google-translate-dengan_9.html"
target="_blank">Translate Widget</a> by Google </div>
</div>
Catatan:
Sesuaikan laman blog sesuai dengan ukuran widget agar tampilan bendera nya tidak pisah dari pilihan anda.
Jika jarak bendera terlalu jauh anda bisa mengatur jarak nya dengan mengganti nilai 0 (Nol) pada Padding-Left, semakin tinggi nilainya semakin lebar jarak nya.
Terima kasih telah berkunjung ke blog saya, mudah - mudahan anda tidak menemui kesulitan dalam memahami artikel tentang Cara Membuat Google Translate
thanks
ReplyDeletetengQyu
Delete