membuat widget Google Translate di Blog

Beberapa waktu lalu saya pernah memposting bagaimana membuat widget Google Translate di Blog dengan 2 cara  . Nah kali ini saya bakal memposting artikel yang serupa namun berbeda hasil jadinya...! Karena disini saya bakal memposting Cara membuat Google Translate dengan Bendera berputar.

Kalau seandainya sobat tertarik sobat bisa mengikuti Tutorial Di Bawah ini :


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

<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

<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/AVvXsEhNG94O9Xt8pzhaFIRF471vs0GDyqoYS7FukoAQvk73RwMCofdHaSPXItrbiX_ogMWllAZ_Cq1yV8n0YKfK9Az-LelY7hOZPgY9TRQl30j0pz73LM7h9gev2wx24UFWEDipL07hKkIjHmaC/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/AVvXsEiP2pPPwqBr_S9BxuBsOinRvdSawIFV8QthWkLCf4tKQZYcol1pLlrlX__HGJtMzV6miMORqO4Ohyphenhyphen1E37YAlp99EhA8r_KpKaoEznxcZXgV9S4TM4-cMWSCtJiYcyRhhae6Lfo3CmQ7s45r/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/AVvXsEjA97mFuqawK0A_oUwhxK0kKpMqqf_yLwsdVTPwSXr3V7j06tx5GIv-ldOmP0xuWg0itUfpTZXECN5-YchLjAWXMILf-dYXgj_Xj-QhlOhyphenhyphenwdj_eauaakFuv7gJjIQJn08wIQPu5fD2JMRu/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/AVvXsEihJxLbNx4fSERIXne94vXTLCQ1WN3cHhjV6SHR9dojcgkk7e71nvJN3MaY4pYUfaX0tyevVAcguTIanNmJvViJ0kFlu_vKT4kylnZxEmOyhjn8M7H_NlDzfm5U-Adc8pWtxa7DkhX7plCn/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/AVvXsEhn_nwn9C6hlgwD6vHTqA2DOSoBLWLNgBCRjze-hs2VWCMTZSBuOsRZWJfVEEM8wqx_XTtKzLEQW38XvOtRrvSN96VQIfqAwXv3mylWhiC0VPoiB1Un3iuyKwBNuNE_GF5NCsYrIVRtOYuj/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/AVvXsEhxuZk9hxT0q5ZPowssm1NKyuwpr-sqAxS1Hfeapjt1yRaCrUVjhF2CaudT1TH2qb0EOfsTH9iCDC0uBDvGcnasT4nsPsCDsK42IFMjhEEz0kP10b0PMLyvFTf2xWxAyySQsrJZjacAcw6t/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/AVvXsEhXzEe48-AeLeulyNfsWOCkAjppqhqYUQ_ifgmKR-V4spwiF3wzHQg0lxXbY08OAJtZouOS5vOwm5opA2kItMEl03VaAGOAdp7elKe16Zjg2xM3IG6Sh8flDNZi08Ro2ivxKItqpUObKpKp/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/AVvXsEgXtuAKWGHDO6JSFH3hhvuenVQuvm5qfsK4ae0ZGAGa7Rl-P6SsRD7VVb2_W5awB-n2J19Knnbwk_-aSReY-Q1sjW-uqAv6ZeP3Robf7HV_tIFZ7UvgcgLueGxYtMLHCCr89T_ZmhnAGiT7/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/AVvXsEisu6cj63801R1wvCrYtmEvC4kOU6s69G33wNKgz3CP17RIzXy6UuDCBEwRJ2uT2d0nmMBJw8C6Pj3XxyVsxFYjZL4pteFshf4O2FysHGej-Cv8XKITsQdlbxr4SvnsL8SXBCbMtVebf6OB/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/AVvXsEheOPV_3hjO7AvsddtxdMKsNPzFXCRGu2dSXcHJNadJPJSS3d1xeOmY9N53WMsWIH5nS6k-P1764owx2J1LE57-VPjnjCgfGw1xnhihAcpL3ZF_3kM4iNlGc8Pvug816FwQO6O_pehGMUQW/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/AVvXsEiLLqOK_O_Ww1QL5Di0UxNaOLSoIri-WDIUX4AS7Rd3UFCCJ3m41ZuQIQzaTKN0It2f00knevfga9NOUHPB1sdqBIVfV7A1D1F-oqqCyjkITQrK7ZPEmfFUU8SFOIUukB9gayPWCJObwD48/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/AVvXsEiH1HCKIHiKbPH6rGLLaWToH15-7S4XFG1tYZ5C1XOKF-aWNJKWAOkB1VgpzkhbjdvLLUghsQBP9WTKuv_a3kazq0Kz-_kYI1KgKW1dh4k7FCjEkxxsxqOyiXZOit78Wb9rrjMojc4J1jQ3/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://masihbelajarnih.blogspot.com/2013/04/cara-membuat-widget-google-translate.html" target="_blank" title="Google Translate">Get This Widget</a></div>
</div>

8.Kemudian Simpan HTML Javascript tadi dan lihat hasilnya 
Oke sobat semoga Artikel saya ini bermanfaat...!
Wassalam

sumber : http://masihbelajarnih.blogspot.com/2013/04/cara-membuat-widget-google-translate.html