Tuesday, February 10, 2015

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.

    <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/AVvXsEiBmrI26cWyn-JPnKXt2UVdi8YJ5dknpoURCyuyu9L88XgMElYt6JFRMC3CIuQKau2QVApnYxBvMMgJrvnVYtnf-k2SzzweVSpyvxMLrehuqDoHg6GbNJ0NwHFDaOqtoARbc8gV8RltbWjJ/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/AVvXsEi61wFy77hnoHreEkpCrMp2kCyFU0W3UBiA07etKjBS7N9TAXPSg8gL0VrFDwLJZW7eUIN2rKOeexAbEMSpJQpN76KdvyE8PoROxtTJO0HLueiNEJoHQCekDUCBWkJyMDjkoQfV_x7tWb4e/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/AVvXsEj3IGIq2V-mHwREmcPdvI4r4PS9hRKgJLCK1ceKWAonxm5i17YXrT_3RcWHxrzU8KsWVvjsKwxEJp2b91f49X8rXFemngcan9HYkDNkdGnLyxXqvVvo9RjEzNFIHqFC2UHFJpg0xF9zQsAV/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/AVvXsEiEzZuiILpCb3Xtpac2xfspt3mffsPM-BndVLGcSEpWJUcwMQ69BPmMn9DHkJ2LXr5BELsLn5smoT2gG_FPjY1PCkCDKT1IoLxCL_v9ItD80L-9rgcN8yo4tVPJVtD82nbII5FAV4pZX8of/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/AVvXsEjwL_sz6lVsRF_kSw4N6j0lC41SODWfJt9QcNtidMrQqGK6pFikcT9QNeeRRuhyphenhyphenKtznNXuFpG6EQvarhCdpI5UCmtihlOSCSxtqgZ3yQpjprrplO8dk4gN54uk9rZ8BfkRGN7pO4NjxOd2Z/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/AVvXsEiQT_-ZSpfcNhJ-3mW1wonJkp1wLh0XBtFL5jOFRZv60KuFAGULrU-9apC-_s9HZ-mn0Wja9ye8kM6gnYhnZCZLvD-yL8nXYpBJFDlAXjlTiyDXdjGohBCtTuqnBKrPOf20-7GWP2y_iEAS/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/AVvXsEh69e6P0V9V7M0Rgmbw-1iDU2cne04AkBZXra_H67IdxRBToBQhICSVZcTy-Rl6WjPX-pCCsPpnnHVCXlhOa7LFVvEaEK-sCjwsPJa8BNakxYdjl0WogCdyytcz1a2qej5Xg5MFDzUawuLb/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/AVvXsEjPmo5Ik7E2MCCLxnobm5HeUUtS5WG4Kmx1Rh_Y4LiiIthOk7nhGyINCZeIeiT986WXC4RYGJrsTYmpe1hOMj0kSCwXrlOxNshCzkxszzQVdhouuUUliKCRf-7VwimFwDHh0ACMh4tYrxPl/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/AVvXsEg3lqeXU4yOIVDau23-JKRNglwQbDu2s0bZFLBZeyVwYBDjyIxcmJqtfDhij9TPdKPEsEZqEC5m6N6qJj45XYFzuJfMJEOCzkj4xFGdO26M_vpsoEgRh0JkMYtOJgMPhyphenhyphenTtv61t61KvfDHa/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/AVvXsEgT3UeOMYvBHZ-alqIPNMoYZ7azDRfkiVwwR0CGpQQtGoVLVVieG1kwRfXyCY5dw_DcSGuw0WyDMLVobKK_v5mGyHazJ635KenPNjhJugPIYvDJ2dC2WVp2T-pYbRR8Fsd93w2VNLJI-tlK/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/AVvXsEgvpBFGbRqPDzk8t6HNNNG_2PfbSFq1g1-f7eqCzQwv7HptLJXzcRs2gt3OzAcrSGHHHJ_bfMIhj-58pP9XQg1ptEnJJ13txAljzC_wNw6waJ1Vy9L1sn_fhQYXxtEsOEgrdtRfkTij4vMZ/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/AVvXsEg_rRCuzZXLyTDFpwg3TjH4ln9Y84lpKn0h6UihhD1nnDsHlmCMFVgGK3EK9qds0xK-c6eqmW3Z0Q_qrfHoFdIgXY1GgcFTwIPAgZS3ay4EBEqMQlQBc0kraL6nOBgdERjvGXgNqCHxIJ0w/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 !!!


Related Posts by Categories

0 comments:

 
Ber Game Ria - Powered By Blogger