Cara Membuat Widget Google Translate Gambar Bendera Berputar

Kali ini saya mau berbagi artikel mengenai cara membuat google translate dengan gambar bendera yang berputar.


Berikut adalah cara-caranya :

1.Masuk ke akun Blogger

2.Pilih Opsi Template --> Edit HTML --> Centang expand Template Widget

3.Sekarang sobat harus mencari kode </head>

4.Kalau sudah ketemu silahkan sobat copy dan pastekan kode script di bawah ini tepat di atas kode </head>  tadi.

 Silahkan COPAS Script Dibawah ini Pada Link Disini

    <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>


5.Sekarang Simpan Template Blog Sobat

6.Kemudian sobat harus kembali ke Halaman Dasboard Blogger , kemudian Pilih Opsi Tata Letak --> Add a gadget --> HTML/Javascript

7.Sekarang Sobat Harus Mengcopas kode di bawah ini ke Tempat HTML/Javascript tadi.

Silahkan COPAS Script Dibawah ini Pada Link Disini

<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/AVvXsEh6b2UUOrr3Vv_1s0zrRmYBA1XZK_tQnBhqqWXOom3xB3aPzPDGgvQ8ha5JH0CiKbWSSAh-05VQAwI2puZ_bLapcKTOhujh7drgOaQ6lgXZEEQZC9hVwGtgUBAblh8j3V12-4C8EVKevloM/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/AVvXsEhaZtV3gAfJlWu1WBjvfWzPaI0GrYmBegTFtK_7XImisWH93AEwJcYsYKvuPnfF1rGAfz6llDMwnzcIM93dxianoU8gKIxJak-nBiQF8Lp9AXv-S50BpNGwu38lFX5EOEivTmZKA86ZU4yc/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/AVvXsEgoPMusVRqfKYl-cPi4KKCpZCaIHXTEiC5SH34SUR73o1J1M0DQj0B2g2nMhCT0A2Araznu27VvWjB9gl8BEcvW3D8MV6fW-aRJFwhrIlZ05_pUSp4Cr1OSRelohB9FNDz123Su8G0NNy4q/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/AVvXsEhKq3OEkc4n0fFMV7yK2F7ZwhnPm7o3z4raA3bWG7lv9mDUCR3ld9DpAQEBLBFaWq3wFdlJMnmW8CzvoWiRlKTBYm5X9tqhLnEUvlMqJocy9Z87_IhfaPOp3C2SLfwn060tWxnxWrRar0vR/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/AVvXsEi0zUvTCzrWqhRvcxo7d47kpmK_Jcb5BNVJtURIFQq6PLi2ZJNtuppS-b03D-AsNW-BdCP-pC79bjiK2YSMHeuo79Dx3ProcuMkkiNqMTHF1iTWZlzHk5RBkfDRWsuS753NvmRYotHsJ5ym/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/AVvXsEjPvzK_Qo42QWcM0F65jwDJBd9foRpG0wofCUh-V6_pRIOuXRs5ROj-sy0JOuM8il9qxB-eBGyKxoPimRo9RufaQwGXrn-6ZZHeEAiLAEC6jdxw2cNu8eftxCjvWJ2EWDJs0_ZcOoKJL7Vw/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/AVvXsEgaeStKusaUVFNF1GcNTPo87rb2b7fzYvw-ddYy69Ly3Hl4sYahbdJbxRF3t3VjlRTaaXIfsqAtPbupHT1_AoLPbDyf9NKeciyQgeGexiWtlZSOlKM2LoXmzy63P47ygE_UmaQsmMAwXSsA/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/AVvXsEhScj5UTLe4gpNNg3xdUWokttp65rOkBpRMg5SKJlmiO9eDQXzcJzapBbzLe0xzWyJ1-_hNIA6UFuKqA5wo0_IuGY_xF_sYvFcUUE9BZ1W_RhgOcwYkC71A96HUxC8FzkfrcOvNJdFGB808/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/AVvXsEjbC4lIT5eHCR8yvn33zaHYwH64L3hXfe1NMuOJy9vWHBg_o7QrGW5JobySQDGZyeXf19oH5EqIyHngI9fu8HWaosw3xQLja99BxnTs7mdd9FZ1iiyeR-q3f0IA4YP_ecjNP9GkcFq49clv/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/AVvXsEh0p58Dq3d45siQ5Ri7FvKgO40FKagfihQUYkUOUMTKQaTa9f_UBvN1yVQm20jziJo6pJhW7Zd4juEEsyvndYizOUkBJDlfbj3HUko7lc8yr0D9GUi3sTweQnDtE9HbxZUTS4QMfE5G3NUC/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/AVvXsEiuy8AZPCz4BTUGm_ec6Pf4asSny-_RrGmu3GkyToEWv3nS4_6TmEHIrQ6UnEmEFBAqlXnrAvQVhNiqwL0PYDl_td_b1cWjOoRrqLGl0rQ7HiVX7e6yTbluTzrM0TpP3N1gqECrhR4BAk_O/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/AVvXsEg3K6fvBj-JzTDC-uJz1hdvcanrEzCjC_Ei1l5tqGieGlyCOus8Zu-qG6MGV8jRuQYYZPu4DdTpX5iO38H5GO31rR5mOLDbc3FJrh1sIBiY3unJbyii6HWiwmiSqQRjXeZnZIMZEMnzUvjj/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://warysetya.blogspot.com/2013/05/cara-membuat-widget-google-translate_21.html" target="_blank" title="Google Translate">Get This Widget</a></div>
</div>

8.Kemudian Simpan HTML Javascript tadi dan lihat hasilnya

Semoga membantu !!!