Cara pasang bendera di Blog

jika settingan blog Anda ditujukan untuk belahan negara di dunia, maka tool translate ini wajib Anda pasang. Karena pengunjung dari mancanegara pasti singgah ke blog Anda seperti yang sudah saya jelaskan diatas. Namun, jika web atau blog Anda hanya ditujukan untuk negara tertentu saja, misalnya hanya orang-orang indonesia saja, tool google translate ini tidak perlu dipasang, karena bahasanya ya pasti bahasa indonesia dan semua orang indonesia pasti ngerti bahasa indonesia.

Ada tiga bentuk tool translate yang akan saya share kepada sahabat blogger. Untuk cara pemasangannya dapat Anda perhatikan tutorial yang akan saya jelaskan berikut ini.

1. Login ke account blogger Anda

2. Klik rancangan atau tata letak jika Anda menggunakan dasbor blogger baru

3. Selanjutnya klik tambah gadget

4. Lalu pilih HTML/Javascript


5. Copy dan Pastekan kode berikut ini

A. Pasang Widget Bendera Tranlate

<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/AVvXsEhYnrfr_jd-cFroXLsBgnx9vfRm2wp_MHxTvlhE7AITEmXAfw-YgvYnuYI982XUh3kGqGMxZ_-WwuBBF3AF_rgjZp8hyphenhyphen79gtmHu-Fg_ibmpcvL8RAycr2Qm32TaKMMSj1vNepfzdZg1V0-8/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/AVvXsEgSJ0wt-8NAAHDgxbxnU8l8_c9Kfv-uVlvRwJnsHeSdelVhepZqzX2Q1k1NdTOUOZXNA76zKvElsSErReQUODcmdrUAvZv2w1oiS6VBbPOOlmtQv3mIA91Fw7OEuSUAvxnc2fZVxq2Y4Yq5/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/AVvXsEjtb02PZ0QJkb9H_GRcgMszhNpwnJG0FR_If0ZVrj084QVry39v8TXm6cvSyureRRzkWSpbFfqKD8qjjhWWjC8Gzzd2U3pGIS0iyw5yJrpJ102ByHz9bPxro8Mv1tcaaILYFh8Wg2KLWuLq/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/AVvXsEhY93QfXt3m-EjAh8mWthC_Qh8Sj7G8DAG-xvMofBwcbJAHJbYlkoWEdU0xIZLH4boZ4btEyVkS_P3w1HtgyvxkN8gmFH3Nar6cckbFWD98HAu6-omYfgBcAzWz-aFDgqerl44dwdeutsTk/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/AVvXsEggkqfDPHfKzR0vr29XdMv7bxXloRR0oisy03-wKDa496lLd8bv8_zolFnjgFqOkrS0EPzXlEZcZrPsmLDcMQPzbliKiMOk_mJNDEqfXNG1g0_20Th_SKoGAvD1WAu4U67JRj732B4SfAsl/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/AVvXsEgjlCxruoN87tKN6QMhyphenhyphenJpNPrQPydEZYa3yyNMxNE2_TmpaBuFQVjZdAkEEU-at2pOclL7YsWOvQMCkcoM6UimnpaYlH3Mo79VKsPaZ2-e1kKng6jYWtPt8MGAVCpjOmZGc8XYCUWEONYXd/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/AVvXsEgjgS2ZUbL4POyl1V9rsOrS37w_0e4rGdxpPx80b9GPpgXynx6TPNOLQIV3-XMv9Tr9vSDaGirEXSe7bHMwhS7p6Agth72CxeuH7kXdcJ2IiNrKQmpC-sr9U2KKdasO4P-evFUiHIffxdig/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/AVvXsEi-ZFJRTbMh79iA8O6fFgY9Sx1ODnO2is8LE4iRTdvQpviYVuF887gAhGOT6jZ8oszANSrT0b8VO6Ul6-D6ucxWUh_NUCGgyanaDCU6vd-0R1kas1PB7ySQR8wCwW4ULD2JtmYaHrsA-Q1e/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/AVvXsEj4rwlnHQhJ-jypsTy_BU01oV2zAoWs7uVjQ5MRs1BfPgvBRGXJdW1kYVIDcSncxVTGTGO9Q7evg5i5V7SUw0YGCvUX8WnROLrLojh7WVEvm7-Zlkq7Iild7vXQlKn5z7LCYaM3PvmJNxCZ/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/AVvXsEgkPaoouMcxRqJ1wNw1QuOC9C1O4aIk81JRntCXz2YIBomlUzOGwI5vzzeowPWft9zU_QD8l6Iof4l32szFU8wzedY-1t7bahDCu5Mt_vErhZViFjo6JwN-ocfyIBRKcXlrWlFo4kuhRao8/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/AVvXsEi2A-R7EWrQIV8q100o44Cv6zqqK1Y41B7lWef4OyADI_wHj-aVdMfs1Z7Dttmh4J-1ULXz_ewncq067GJYw_w9vdBkFrdbRgvRbHM59Rv3ZYVHOkqlF9PtbmMQXumg34zbIjWF5hfe-3qJ/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/AVvXsEjlL-8gRpqURqUDgDKsBgo2DBYHkviELRoz6PT-RSsslfOYDUPok4Kr9NOzGp5XztCiq_DZa1ZZQjNTyPAj704kkcKJ1tNbJowN71KYnmZRTg2g7wwllokmYAlydk2QaToGbP1jTOYVYCBb/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://super-bee.blogspot.com" rel="follow" title="translate widget"/>Translate Widget</a> by Google </div></div>

Contoh hasilnya :

B. Pasang Widget List Translate Berdasarkan Negara

<ul><li><a 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;"><b>English</b></a></li><li><a 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;"><b>French</b></a></li><li><a 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;"><b>German</b></a></li><li><a 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;"><b>Spain</b></a></li><li><a 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;"><b>Italian</b></a></li><li><a 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;"><b>Belanda</b></a></li><li><a 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;"><b>Rusia</b></a></li><li><a href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><b>Portugis</b></a></li><li><a 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;"><b>Jepang</b></a></li><li><a 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;"><b>Korea</b></a></li><li><a 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;"><b>Arab</b></a></li><li><a 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;"><b>China</b></a></li></ul><div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://super-bee.blogspot.com" rel="follow" title="translate widget"/>Translate Widget</a> by Google </div>

Contoh hasilnya:

C. Widget google translate tool

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Contoh hasilnya :

Nah, sekarang Anda tinggal memilih tool translate yang mana yang akan Anda pasang pada blog Anda.
Sekian dulu postingan saya , semoga dapat membantu para blogger semua.....