Cara Membuat Translate dengan Gambar Bendera pada Blog

   Sebenernya tutorial Cara Membuat Translate dengan Gambar Bendera pada Blog sudah banyak beredar di internet, namun tidak salah kalau AB mencoba Memposting sekedar mengingatkan saja.

Oh iya, sebelumnya AB juga sudah membuat tutorial bagaimana Cara Memasang Widget Translate Google di Blog. Walau hampir sama, namun postingan kali ini mengenai Cara Membuat Translate dengan Gambar Bendera pada Blog lebih rapi. Penasaran nih mau mencoba?

Beginalah Cara Membuat Translate dengan Gambar Bendera pada Blog, Yang harus kita lakukan:
1. Seperti biasa bukalah Akun Blog anda kawan.
2. Masuklah ke Rancangan / Design Blog anda.
3. Pilihlah Add Widget / Tambah Gadget pada rancangan.
4. Pilih lagi Add HTML/JavaScript
5. Copylah Script berikut di bawah 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="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKlZNs6QaxeThUtbUOdROMGap7kebfRh9m_l5oPCOmQwt6H6DqzzRqWDwbM9snc9j6kBwhKMKVLHrCP6DOQPDf994XIm79S5zNyNBEyB7cmS_ysGmzw4OdZp5aLoezt2IJ8-MCig9rqag/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitYcen66qWIZA9QOe6_1MyY2ur7IUXWoAKe3ndkMBWF6UTg5dNEbZ8wLa04Lv-RJkMIVFW9tvvmqgMAg3xpaVdwS7bgzVreqI0blp3y-5Kl1tIoKWEvI4teQOBEy864v2fR_-xvkwbgPY/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvWlHsT2BbBWn-LcZZRvcNAezaqNmN0yv6MwOTxGRTuodygjL4qHQ6EBUZgblgU3dRBHbuku3n8dHHC7cpdxzDaWeDhr1t7q_TSvsOFe0HevYz_aaLsBnk-eVB9-iVkSs_a2Kck8O4DqT/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU34eTbH3bHSE4UoPiB4-jEpaBQI6Xn24u4_2rY-5VkViTUICh5HgUBwOhSm4OtuC0SPxvOUBx0mIxNH6qIj0lPBX-Gedfk6khhQHf9Kao5-PFgxB6QcX6rX0ETLVAJqAOB5mxWF5roB3X/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnK3ak9nQpl9sT7k8b07GRYA_KSIOhVk3pDT-A4n5Dlq8Y5EIiyZrlzy7PKmsS8CrCNJozy5FuW-JYA6EojBTPKXVRBh9Sp3vaqVTJ0oJWsGZwaH5LyNZmCt-DXwYEGEJa9ULOKMLLycM/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVYh5K33ssxiaue6erqQ5SxZTH-8urqGlVqeVKQwc03D8xCM_dPCpr-MiPhaAO2lrly6gQzge2deL7RYoEX0vW06FeOh9Jaaqm-T-yd3AZsQieDg6qBb9dyDotcKbi3LfUooaStRo-4E1/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ47xuttaCCID08T_AgR9Es5yHcCFLl0f4-jSEbks24bnQDaDsrlRMQ4q1dOf79SYgOJ95eTxj5lg5Bg4IZhLmO577tWyF1bEKNFw2InS7WzN4RVSnUNBUk1UslVch2wQEpICOlbEKGxw/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>

<a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dhhA3KVSvxCcWp-C0lIE6D0C7ZSCMoxoBdSEOx4hArXiCx8-iDXixzEsoFgDblKqZTtXZTTH2WTess_6l34heiHRSINo2UTnHyNdEIBnyzaUb8vDcMk-Il_q6bm48eHUfG6gfFMAVJs/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>

6. Simpat Widget dan Template Blog
7. Lihat Hasilnya.

Lihat Contoh Hasil Translate dengan Bendera disini

Gampang bukan. Yah itulah Cara Membuat Translate dengan Gambar Bendera pada Blog. Selamat mencoba. Semoga tulisan Cara Membuat Translate dengan Gambar Bendera pada blog ini bisa bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.