Cara Membuat Google Translate Bendera Berputar Pada Blog

Google menawarkan berbagai macam widget translate yang dapat kita gunakan untuk mempercantik atau menambah elemen pada blog, salah satunya yaitu Google Translate yang disediakan pada aplikasi blogger sendiri. Google Translate ada bermacam tampilan yang dapat dipasang pada blog. Kali ini [R][B] Community akan membuat Google Translate dengan menggunkanakan bendera berputar pada blog . Anda bisa mentranslate halaman dengan cara meng klik bendera yang ada. Ingin tau cara memasang Google Translate seperti yang ada di Blog ini??

Ikuti langkah dibawah ini:
- Langkah Pertama
1. Seperti biasa sobat harus login akun blog
2. Pilih Template dan edit HTML
3. Jangan lupa "Expand Template Widget" untuk menghindari jika terjadi kesalahan
4. Cari kode </head>
5. Paste kode berikut tepat di atas kode </head> tersebut
<style>#ramon img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #ramon img:hover{ -o-transform: scale(1.5) rotate(1440deg); -moz-transform: scale(1.5) rotate(1440deg); -webkit-transform: scale(1.5) rotate(1440deg);}</style> 6. Klik save / simpan template.

- Langkah Ke Dua
1. Masuk ke Rancangan --> Edit Laman
2. Tambahkan Gadget lalu pilih HTML/Javascript
3. Masukan kode berikut 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 id="ramon"> <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/AVvXsEhL3sk27WZmM7CXy7Z3rtMd2CZ4SkxI9_ScKRr07EIt9jrNiQvUpzSsVsCRmQpGNMfuWgpW-_9gxnOq2NBKhCoEAvWZZ7RIi_NsjF3-Uucow50NDpO443fryjj3jtcZoF-07V0O2tJCqFuS/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/AVvXsEj4ei20Duei6mEMO-chWaJRc-QgXQMZPPt0x6SInKy8MIOBJB7Xa6KKQuKuREEkfx3a4dxcYu0N8XSQXE2d5ljKDXCiEYKS6If47WMOCSUG317yzQ36NmWZw3wszSdp-83Qo9j5D57SxqA9/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/AVvXsEgmcboxJILS1E-OiCLfjArN4KqKcXOraqA_aOcVIIntDP_lszZcdvZPm2lgeJkL60a8vXx-p_KdRpOFbsZuDfI846Pq-gHhBotLtzcSpICv7S3438hGO3VmmppPB_ymx4IhCnNY5oclsWPR/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/AVvXsEgwRn0kZxGDLACDpDq_Vea9gcZkfSHJ1LAe3yRJtZsxH7ndYTOWGjyEdBkN2J7Xxh4faMeEFQMJOB77tMHhMtY0QZBEncMSfWtuAtbIUh3F24oAxkIemU_yA_ArqFeaz1FzCPyw8frpCYEi/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/AVvXsEj1AvuuKHd_0G0HxjXyVbJqyBXW9WDwhHmVQrRw0yPLg1LiiNcZBSxE9HLAvICniY8KK2W4oSaAECJMLuTN6WlvIvZwOK63Y3Bo1cO2ctHpXg7frhjUVp0C9yI1akeR9ev_5ysjMEW2YYs7/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/AVvXsEhKzO9OFLEc6Yv_J9FjOtdRlEsY79N4Sra5JzeGbRRPZUw2sFmOeXkaFYyr4SMR-UD7ua5mAHgvVhMqE_a8JcZmXcy52i5AsmXVlKqFihh2X_AAbj7V_zaU8PD08WY8G3KMb9fXKrQiwjrV/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/AVvXsEgUhs4rmAptNiXUz1UQJsfdJ8ZplM71LTUQL8XUs1GQHZftGxnESvh5lqPRCTvcnEK_GJFALqNYMpNNQEJvacvZWzqjOddbRNnbBw8vRqXc2K3maYc6bS2RQajGNtqVzI20J_QuBTvUa6GJ/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/AVvXsEh0Kle_gs_VdfibYode2TD9Rvy3FUx2UDyqTnF7SY6axdwLX4SjwepFFKnTLCOm1CC16SlrXTZEmDFIm3PWmKpQLj0YthIAOKbjvzSvG41PGNEpmRgbKA5YvnE0-LKc8FKTFX6rlXojWP1d/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/AVvXsEjqTVI_ZXElVREG8tTORGLoZ4vcnX0KG2ObVIJc9VvH4CdWf-3fawACRLwZdc-ezNnnNH3XndWya80dHyNiWh892caXHh9gyKrp77R0C-926FVY0xK_GCTe9avJSRzgtoa-CydUgxh0f0k9/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/AVvXsEhtVl-tN3xfjd2GkCTlf6NmvGW1D3cGf2-pBYxY8eOjzfhUmUmG82-NUSMKAEyH0BNiJTWRv1CTmfR6FwAApfyx1p5wWoRIMroLbrVEO0J5_FI92fdF6w-KFgD8KWAejk6oJrT7G69zu5Xb/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/AVvXsEgHb7zBkqnAHi9WnPS-RkOsOGhffJQuMAewZSQ4J_Eh0NqZ0i6CjmLwZOr8VV6zUlW53Cw2QiK5kwb_q1JLFHc5NqspDE-hEs_kwgbOvbpLeBGTwn6FtMtE1cdrnpNN_0qGrgUvNCSGqcyN/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/AVvXsEgGaRSJgslsS5fuFvW-yf4fpY7vC493pXsD8i4wQEdSufhUyJjy1ldwQq6lpMB5Fp09F4tDfzkWWdyraJO-_59wcnuvOpn2-3cj9kJKx3rgus_sY4uzj97muP5hlC1OXDSae-2x2skuaWkj/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div> <div style="font-size:50%; text-align:right; text-shadow:2px 2px 2px #adadad;"> <a href="http://ramonboyzz.blogspot.com/2012/11/cara-membuat-google-translate-bendera.html" target="_blank" title="Google Translate">Get This Widget</a></div> </div> 4. Save template anda dan lihat hasil nya. Semoga bermanfaat!
NB * Untuk putaran anda bisa ubah nilai kode rotate(1440deg) yang anda letakkan di atas kode </head> pada langkah awal :)