Kali ini saya akan share dan jelaskan gimana Cara Membuat Translate Bendera Di Blog Keren Terbaru, silahkan ikuti tutorial langkah - langkah berikut lengkap beserta gambarnya dengan mudah dan cepat buat sobat yang ingin pasang widget translator pada blogger.
Cara Memasang Translate Gambar Bendera Di Blog :
1. Masuk blogger dashboard > pilih Menu Tata Letak / Layout lalu klik Tambahkan Gadget pada bagian sidebar blog
2. Kemudian klik tambah pada HTML/JavaScript
3. Masukkan judul dan copy semua kode dibawah ini ke dalam kotak, jika sudah klik Simpan
<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>
<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=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqdqTkVyS8l_7oGuTxK2TLdxoAJ60FZcU2BkKxQeIVZBjpWZYWs6gBObRx1KzgTlYqKeRq2s7wJ3sx-oSemkHYsp6zSZHVfvgyJ3jptTSP0at9L8OxiZ9SbZjlcvzw3ZqSfaV3hY_TEs/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7swen0ulDpMuB9IkI1GdFa9X1mF26XpxmlGTW8R7xVHDcelvRUkD4ACDFj-DcXsdYdqRzEgNG1Z6FDh_T9uTr0KtccYsQ58MCn_VC_mGc8nNabFTsIkTvJ5tg7AwQ9cL4HXlbOFl8Syc/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTSDRPUFXmMaHD8WpfIKxejpQK-jZKKkNwm-Ifbt-9nC5zMzbzF2_bJZczD5i_zVdZk3P7Ik5iQHEtwu66OECBh3q124miX2BRZNpxVgEz5PIIyoFROcqhr80cgYdwy0q9jyz-xW3lCw/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFM_MhfVEiakGQjvD3bwUmLH7eYcjXeTDdTQd7c4KWmvUvPBAxHZFyJGifmrE0B0Seiknut7Df0l6c7qlGZW81QfJGxoMp588b4oJ4XMXvTjNIUFVOfrlRHZWZ_q6Y_c-taTmn-MBUno/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGfkrtyK5CQB7M0YgHO_9b52r7oD3lYtbBavg8G97wTUchcTP1xnm6a-wxeyT0s8Kwv1oqayk_yzAH4zOt4ha99uOHV1hAMqkQpL5_MTqhOC6OsPPTw_2bDkUADwqeZWwuaCFfwhVCBY/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmj-6jSVtKxO740ZATaMakACvLmfkqczYla5igl4QbGTyvL3QTyLAf1ii-qh5tmynnyf0Z5WD8Khk0zjjnxFLfB5-aCu10bcAOTUiAjSBTGtNmvEEFzwvRh2k9L9KyokhtfAV0iZN5OA/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxoox5yIf0pZp_5TbZr4b1NfQBWhCCZSnmJoJ7xkhykMXd9b5ErUtwXo6bT0cYSXXH0c-EZXWtDnPg0QfyWskfTH07v7DlOpMnZk54OESSk17v-jpcGnC4RDX_RJ_KAx_6DBnL_r9ByI/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsAjKfD4MoC-RuLW-h_3w3Yulv7Rl4NQGsBdEUFXyH4uwgWAifXjEXXBQQR90k5iNwxp5xalOIXY1irV3cTw7DVIUFaV2GMZ4rX6IYZ59fS0S-6VDspFWC7vJ6334SC9eLoXTjH_q2Ofw/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwyUdw2iYisnAAOjCPvZlFQXnjrbF6WfUk2rM5HOc5PgOM_edMwBP-rnR4TqkXm9hFvU6Tvt9wUKy5fhYfuH4I7VlJeP4WohsUTrXgfSu9-J50-6_iuASQOfkkbz3JjkVMWFShiaqPC4/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwExB_uomJ7rJ276bSQgEKP9KLuzdSY1saGZgXpZgUqmid4T99FhXCS6Lr8m9-YrNSb0BmETCuXIuxWerQyseFXgkbj4UTmfLC7HWQFQ98ve8-916BmWWe9Izhbn3z5_hlNnmnSaHXe4s/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgivUQZJULS6yNPZfpii-A3fpWY3E-kHaokJACPtLlEM8tXSBxRLKUAOXc-s0sIGloo2LT-FNuHaeMqW6E9621pl8NEKbhD9g7yVYvDob5-DhKTEmnD6TmVKTuWm9w9K5Uj2etXKSzZqs4/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<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=auto%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/AVvXsEh9mQOAf6sDbVYIA9HsEjvdN7urfBnSqbUV0HrXhMcVQKgbtIn_vTCmcLGIAHkys2noC-j0krMeR-RRGgNh_u7F0QbnwhyJgc9kVkJdRaOyd32P6VxQhc3vzHfkMX9g9-5Q56XOIssr5lU/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>
4. Terakhir klik Simpan setelan ..Selesai
Nah itulah bagaimana cara menambahkan translate gambar bendera di blogspot terbaru.
Silahkan dicoba