Cara Membuat Gadget Translate Keren

Mungkin Para Bloger mania Sering melihat gadget translate berpenampilan biasa seperti gambar disamping, Untuk kali ini kita akan buat gadget translate yang lebih keren dikit seperti anda lihat diatas artikel ini, okey bagi anda yang baru didunia bloger pasti terbersit sebuah tanda tanya " untuk apa sih gadget ini, pangsa pasar blog saya kan lokal ",. Awalnya saya seperti anda tapi lama kelamaan saya penasaran siapa saja pengunjung blog saya dengan memasang FlagCounter, waduh setelah saya lihat ternyata tamu blog ini dari berbagai negara. Akhirnya supaya mereka tidak binggung dengan bahasa indonesia dan betah diblog ini saya putuskan juga untuk memasang gadget translate dan pilihan saya jatuh pada Gadget satu ini. Caranya seperti ini :

• Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
• Klik "Add a Gadget" boleh di element mana saja sesuai penempatan yang anda inginkan , pilihlah "HTML/JavaScript",
• Copy code berikut dan paste ke Notepad:

<center><br /> <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><br /> <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/AVvXsEiE2LUcTWgLQjq3m_K8B9Ah3jAq7-cL0lxIDOZCTtkfmRcE7H6oCGGDQJqWXp77qDtShsDZ6Y7MR09Vj-hNg4tLyCczYue7s5nuR6PfEv4akbTcXWBZRtgBe47LmqsXcAobXs-SgzVoGsU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEjv0ZEd2LFKHGa7hEJGXjbIWWZmulEh3R1qJw80VC9DkQAd6ZRb_i-FE6zPfspF1d0y-VX5FJbrZils3OQys6T3jFNgVmu3WS6Gh9J_DNmatsfoCTS-2xV79IWjIS6C2q95I_z_30OlxMc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEj9dOHGMznxiwceuVNf8xzWv72z2NC3TMlnnG35f2tyDMQMi1yvJwYQsU4SwPzYvhuvgDamS9UnDSZbMkVh15WHqOcOV748ci3UcV4fL3QaH-uY_fUUa_76zoNiOrf54yiIq_SFN9Dc7_Ye/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEhrGVOCIKwLcG9fRmlf94peBdahqmGu3eIPT2IbNr-m-Z52Sv8FWOEIqPTSywII9f-CSwOdbC8gm2p9eLyZwqa7Vxrwig5rA9OFsKhEzuhxtmsUBh0Po8G6NJN82zzQ01NhgRb6MtJFbnwf/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEj1c8KBhzoVCvVrUUA_VZjx2IsG93lAjilAKxO95Vzqccw7M-0rbmYTIxhx-552X8FfVxC3tHakMOyMmlsHQxl73F6d_C-j6O7oq0LXy3RJDInWXJLzW72e3eRNdCeFKlCwkdk7H3ubZ5E/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEjtWLgs82MGWxaYBfM5qvJlVyI92QKurbIgjqMSGBK0uOUzOPWfQ7hqD6Holdi41YEkoLSS8REQ5O0Thv5LNdvqyWfrMNkGdDh6sJ8wsdhEGUV4r-1pH9PwIa5j0uwuV3lWV7x1ZDNq6gQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <br /> <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/AVvXsEhDfnqiIANB7aUworp7St7O5cIXisDXslBkCZwQq6JyTrlqG534oh2WvGBNdpez0PfOznl0uEsnNB3w5I7gFdvaCduFVzo28MY9BtcAhBQYbrgkvHomsLKgJ-_njGdPTy7B27-6W5HFNjA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEjoKYN_yIJC9xveFFa7vcfol5MJ0vRcM60nWXgmv5-q0klAf2Ex9OEGMZm_BlqQ8T32BPQYyhZflACLEXWFVCyftdDA9sNQd85WB-mpxS9r_wXjhiVlZaGXj4FeQ6iNefzmhzd6aAWUzvo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEjbBSY5H2CCOJQ4VxJtDmPBqD5uknfUaJkYYXX8mTgM_jdk3ll_KjPBiHczHoTUfzAu6a2w9cgEULMNldfgn16WNmOkfNo2LW6i9priL8u0as7xSFBiM52TBBP1hWk_yDtmWXhqr5cGBsuY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEihafpXNxKf_MuZVGaRqQ972aegfvd0qUSbxKP_0HmyYNEXcx4QFFIEI-ydUugkzp6gMj5MEA12DqqPN1FUOFzJXNdgGsg4pSa-66ladlbbaW-jt_H0yuDudSZiy8MRwTy5lklZ5NyKJcQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEhVK5fgIOCn2YKfwP4GoG8DreqUL_Hpi5f3B3iOYjIHtVYjDbUj7WIFjybyDAmMKDOgtTA3bkkJmAA2gQU4jfUwTBGRJ9Qo7V_UgqTdLfuFblkGJoC5rug4idcm5kr9tQsD7uPGvAAieCI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> <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/AVvXsEjhmfeDK8lp8MJNWEFLvrSBMiSojfjnLBHEw9k4n2NIPHxtvtPPAvy86UqMLEnxe3Jiee-xNF-hu91_o1CreIpqXbI8nQWqd06JbSp0Kd3A62YqAWOhHR7wVZkTaXK6XFem2jcjuSF8-w4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a><br /> </div><div style=”font-size:10px;margin:8px 0px 3px 0px”>by : <a href=http://www.kumpulancara.com/>db</a><br /> </div></center><br />

• Jangan Lupa simpan dan di testing

Hasil dari Gadget ini Menurun

Sedangkan yang Mendatar Kodenya seperti 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><br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/englis.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/franc.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/german.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/spany.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/itali.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/blanda.png?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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/rusia.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/portugis.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/jepan.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/korea.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/arab.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> <br /> <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="http://i873.photobucket.com/albums/ab299/handi_05/bendera/cina.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /> </div><div style=”font-size:10px;margin:8px 0px 3px 0px”> by : <a href=http://kumpulancara.com/>K|C</a><br /> </div>