dengan teknologi mari beramal dan harapan selalu ada

Minggu, 23 Desember 2012

Memasang Translate Gambar Bendera di Blog

Kebanyakan blog menggunakan bahasa internasional, yaitu bahasa Inggris dengan tujuan agar blognya dapat dimengerti oleh semua orang diseluruh dunia. Namun jangan khawatir apabila blog yang kita miliki berbahasa Indonesia, dengan menggunakan tambahan widget google translate maka blog kita yang berbahasa Indonesia akan dapat diterjemahkan ke dalam beberapa bahasa yang digunakan di dunia, seperti bahasa Inggris, Perancis, Italia, Jerman, Brazilia, Portugal, Yunani, Jepang, Cina, Korea, maupun bahasa Arab.

Pada kesempatan kali ini saya akan memberikan tutorial kepada teman-teman tentang cara memasang translate yang berupa gambar bendera. Tips ini baru saya dapatkan dari o-om. Baik, langsung saja pada langkah-langkahnya :

Pertama login ke blogger terlebih dahulu
Klik Tata Letak
Klik tab Elemen Halaman
Klik Tambah Gadget
Pilih Tambah HTML/JavaScriptCopy pastekan code translate di bawah kedalam kolom yang tersedia.

Tampilan Ke-1

Copy Code ini :

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQO-5Ad1DGVWOIzws2nUfPGgN0G2uU40lNHduEBvUiGji4IGEMIav3vZ7ouYLAuyyddrAsICdAc6MbluCb_qtBSl__AnjGWu4l3KZP9KI3f4Uj7YquN2iKAlalr9nLTnaj8wNZlRzHJ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh85wxWlHn4SABw4F4Ih0Ym0n617aSiB0jwHdxqwPwwmpfVnYrvWfb5Yq8t50eXl4XY6LgtszFEGVJ_LmPD3ljhf46Fz__R_Lq_IvcghpaY4YqnDk6JlS0KNBmcNLJ9gz5psMGuXY20-Z8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Za42XE3rOR8RYqXcYFLFh4-3_8f7CYSVjZWT2HIPsLfkSu5G5WQ5-sgvTRGbvsfE-0bpEVwH7bPOhURew1-HPwaLHAdsFgvOehfKdVsoydV4bhBxmkGbK6COZZtNn-fY1-6iZG73E11H/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdLghBnSKkTDNYRWObXpXxbJTRwuqTSLdHzFC67v4GtidYxD3KXRZN_PV63LUJmyADk202IA3yiOx7yGNYXZd14LcNw65z-VYgjyye2LpBeN3DP0mDzxPJGgnlGhI0dF-gZrfoGCZcDmhS/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5MBPJoZ1j8b3QJ6A8KnbvITfUGTGdowAF7S3iaRYws8THog3bZhIxDpba21NRKvBTV9MDYrZWJ5Zold-peFnZayPbNHR2A1DvU-TR1W8m9N9Di3gq5gfmw8I4Kf2vg18Sk5HQHbVr248/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluHFZ4jpO0jbSnvm9Locgf4Z8XBDgEjmHQ9RmCvYkcaZf8oKR2HPSEHpRaRQ2XXAbrjilhbifTyXer24SKKiPcHjoD_KcglAcBE7qvF2B40nvyipZfhXsRyUScZkZe9CL0yOsPgEao-g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<br /><br />
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLT_jXY2y4CkcPFKennPhahPULuUsppUwg983GS0WM9R8bdp07l_lmRgypaambsRuWSYLDJIR2nXuvNIG9i2yWirCrSABvY1tdVlmQK5HIYyZq0Fcicqn7o2gtK_yKUqgYDHVyG01apCM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" 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;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZql5X1vx8BqzrySIkPFNW8YSUkJ6jDPK9ZCGrJbF1RNu6e8Aze7OCmGRovLKQhlHDpX0ytIKiRAfg3GkNNWKDYHsnAAJ96Qhs2OHiA7WGq-36mEVW9DA7Y3qMMvl1_O64tNwrMr5pjQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgoyOv78tEuEMwlHFc2mLd0k1l1AGmx0vO_-7jluB4ZoJYgUn4PFdO3Jy8cqOmqqDPJBycjElrZyhuOmb11sPPa_Xh1RKjTcebjWMDXjsc3TONO0dLaSDLf3EfGm6akFNSALG6v7okBxN4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_gSWTmUxqFXJCXbi1RN2C1F56N-DcWKNXmWZZmLLUrcEDhl4Fa5yUwv_xa8m-SuIL0NeVtMCg9xDHM-q19i_XjFNjMh-XfahmqlnAsqgdX-HC18yXZnFWzeynMfeaMroDVf6XYEkGOE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4EXevnfA-_BsLlFPrbu9OBcTTNKWGUCcM9cqxIkipuuKK4LONK4IV5oB86CjQQY0w5MNcyvLB74mVC7K87wx3WXh0Xj-Rbl-6CyU8izNEyOkNedY8jvDkVAWc3trufEMKAlOQD2alzNI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh40GvCI_k3MpQ4iiZMTLWiG6DJELYnYZrpy5rkkuTQHSbMbS6qIWohkr67HyDc2b4eq_fuZJq9k3R-kbZEDvQtuJpZGuvhzN_qBqeyASh7qiLkgnEhQl5gdqHb5GIf-LA9DZqnIrH3e8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Tampilan Ke-2

Copy Code ini :

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQO-5Ad1DGVWOIzws2nUfPGgN0G2uU40lNHduEBvUiGji4IGEMIav3vZ7ouYLAuyyddrAsICdAc6MbluCb_qtBSl__AnjGWu4l3KZP9KI3f4Uj7YquN2iKAlalr9nLTnaj8wNZlRzHJ4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh85wxWlHn4SABw4F4Ih0Ym0n617aSiB0jwHdxqwPwwmpfVnYrvWfb5Yq8t50eXl4XY6LgtszFEGVJ_LmPD3ljhf46Fz__R_Lq_IvcghpaY4YqnDk6JlS0KNBmcNLJ9gz5psMGuXY20-Z8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Za42XE3rOR8RYqXcYFLFh4-3_8f7CYSVjZWT2HIPsLfkSu5G5WQ5-sgvTRGbvsfE-0bpEVwH7bPOhURew1-HPwaLHAdsFgvOehfKdVsoydV4bhBxmkGbK6COZZtNn-fY1-6iZG73E11H/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdLghBnSKkTDNYRWObXpXxbJTRwuqTSLdHzFC67v4GtidYxD3KXRZN_PV63LUJmyADk202IA3yiOx7yGNYXZd14LcNw65z-VYgjyye2LpBeN3DP0mDzxPJGgnlGhI0dF-gZrfoGCZcDmhS/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5MBPJoZ1j8b3QJ6A8KnbvITfUGTGdowAF7S3iaRYws8THog3bZhIxDpba21NRKvBTV9MDYrZWJ5Zold-peFnZayPbNHR2A1DvU-TR1W8m9N9Di3gq5gfmw8I4Kf2vg18Sk5HQHbVr248/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluHFZ4jpO0jbSnvm9Locgf4Z8XBDgEjmHQ9RmCvYkcaZf8oKR2HPSEHpRaRQ2XXAbrjilhbifTyXer24SKKiPcHjoD_KcglAcBE7qvF2B40nvyipZfhXsRyUScZkZe9CL0yOsPgEao-g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLT_jXY2y4CkcPFKennPhahPULuUsppUwg983GS0WM9R8bdp07l_lmRgypaambsRuWSYLDJIR2nXuvNIG9i2yWirCrSABvY1tdVlmQK5HIYyZq0Fcicqn7o2gtK_yKUqgYDHVyG01apCM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_translate" 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;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjZql5X1vx8BqzrySIkPFNW8YSUkJ6jDPK9ZCGrJbF1RNu6e8Aze7OCmGRovLKQhlHDpX0ytIKiRAfg3GkNNWKDYHsnAAJ96Qhs2OHiA7WGq-36mEVW9DA7Y3qMMvl1_O64tNwrMr5pjQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgoyOv78tEuEMwlHFc2mLd0k1l1AGmx0vO_-7jluB4ZoJYgUn4PFdO3Jy8cqOmqqDPJBycjElrZyhuOmb11sPPa_Xh1RKjTcebjWMDXjsc3TONO0dLaSDLf3EfGm6akFNSALG6v7okBxN4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_gSWTmUxqFXJCXbi1RN2C1F56N-DcWKNXmWZZmLLUrcEDhl4Fa5yUwv_xa8m-SuIL0NeVtMCg9xDHM-q19i_XjFNjMh-XfahmqlnAsqgdX-HC18yXZnFWzeynMfeaMroDVf6XYEkGOE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4EXevnfA-_BsLlFPrbu9OBcTTNKWGUCcM9cqxIkipuuKK4LONK4IV5oB86CjQQY0w5MNcyvLB74mVC7K87wx3WXh0Xj-Rbl-6CyU8izNEyOkNedY8jvDkVAWc3trufEMKAlOQD2alzNI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh40GvCI_k3MpQ4iiZMTLWiG6DJELYnYZrpy5rkkuTQHSbMbS6qIWohkr67HyDc2b4eq_fuZJq9k3R-kbZEDvQtuJpZGuvhzN_qBqeyASh7qiLkgnEhQl5gdqHb5GIf-LA9DZqnIrH3e8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

Temen-temen bisa menambah negara mana lagi yang mau ditampilkan, silahkan dicoba. Semoga bermanfaat

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)