Cara Membuat Translator Bendera Di Blog

Cara Membuat Translator Bendera Di Blog

Apakah blog Anda sudah mulai banyak pengunjung, khususnya pengunjung luar negeri? Mungkin Cara Membuat Translator Bendera Di Blog merupakan salah satu sarana penunjang blog yang dapat menunjukkan akomodasi bagi penunjung luar negeri untuk dapat membaca konten blog kita. 

Cara Membuat Translator Bendera Di Blog yang aku share kali ini memuat 12 bendera negara, diantaranya English, French, German, Spain, Italian, Dutch, Russian, Portuguese, Japanese, Korean, Arabic, dan Chinese. Gambar bendera yang ditampilkan mempunyai efek bayangan di bawahnya sehingga menambah elegan gambar benderanya.

Cara Membuat Translator Bendera Di Blog cukup mudah, tinggal tambahkan arahan di bawah ini ke gadget HTML/JavaScript sidebar blog Anda.

 <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=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02IpB3n_AFxRtuH84GmvO9eLQ1J4boLyEyLnA0aPLSIXRwnvV2OZ7Y63h-2LFuiTuaj2yC8-OabO-lggVrM1b1k8DBkWqbRmd1S8tdnJQ-ryYQZfgnyg2rREWG28q8nbDKijLFYKCUdo/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyWb-0h2dulvR6S8XBTjcMGXzEgCG9r4T5Tx6w30lm9g5kmeo5GSKxBA2nR4DaENeYIDWS6uHVQ-dKNSTrEUsB-SG3H2ptTZXTd7h-9qGP8eP-zhdjnfvtv3hBLqoF8xloEwVcs15kexc/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ3lBqGKuL5zhgut-crKUdANknNZkint-IuqF3nDeqUPY0I2G7bDXwBcZWvJLy8Hg6eNyWndf3Y4Y_cbotuKH6hdvUmuV78jTHDUvqo1YJyZPI_w6Afeq88P1QjzrXPz-sJSuugsHF03br/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg46BVVahJFpSzyo4QQwp8UyTk4YB1jjzrqbwlbhFPacDy-cIXyerI1jFZU24Ui6Vlm4wp7-r8stCDi-x3yJKd2wmywdlNO9aqECIu1iAvlseC6GJclFgcoBcEnw4YnhkQM-yNrGZYkubsB/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigHZUT7UyiDUvxX_3h6ykGR28l56xiqlTRXLCti0rVFXkNXD499cWE0Q1-8nSc8PnG_ZCH0P3rjRUeeWEczyLBExTxsqI-Z2Y576UpvpPyIYEyKVl-Whdzwu7gsYskDTMGGn-XZ-LR0B8/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tz9s38S39Pp9Ji2TkaiOY6EubPKpZhnyRZsjmltPSwDiLsiqsWlzhOBzMxg2hCYT10yrtr7HrD7VFxZfHuhhSTwBjbFzYwFJauV9AMO8arOysHRC_9xVRIsoo-RczlYVcJxd5lktj_4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfWlQeAnYq_pamC008OelU8mFXiz7mGYK7sBUXHOEc41g-TP2D-AGO9Yl9uq4UdiQ5ColkAjgqJfiQulC7vzXL45Ogd79aZczHXUNrmv9f0ioXNEeEMP_rIdNXB98HotuD0fx3KI55h4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0nNPoLkiH7Fh3_5xhkDely-Vc-tWY10b-F_jlCKVpE6fXXxLyGHr_cv1goEXtsv3c6-DZhV0WifliorTvodRUJjRrSjbRE4PVPmsP5LSYpE9dTK361SHLqtb153gFINCgly3YmZw9WQ4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszSnDEBi_25rinH96odZ859NKq3axwH_-aaKgFbU6cbHYqtwdJsgJzPMRT6kY96zIGk8wY38VBYsyK1N7iuyhkbrLiY4kRl_QHXVKz2eS1rKWSEagvoscx1FG7Zt9Kgbuogt0Yr1rjcO4/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5U_4EZOk0i3YMWQUSMwIQ5Sx299S4rZAaYdfymN73LxffMio0947QlpcjcX5L2cFUkAfKZ-NB3AhLTUHL0f5A9bpwnCwXYv_wxfdYsQ-jCzUUr3G2j7Cwsn54jxoTd2_WjG10Vw6Mi4o/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7-TlDItWXfNxbDycuov9ii2HAy31kBVavaNhsvvZugjii1e7qvlCzG7hLVWXcLSxzTrlys2l8Lpu5EULCXduvt5FYkKM4cZ5k36ImXH1itHJc4_0qAE7xzivDD1xt6mZPNl-NacQ8Hs/?imgmax=800" style="cursor: pointer;margin-right:10px" 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=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBK-EPYR0bccdJsJ6iMaFoFzrQhP6cnzZT52Xm0dTgPl1DLhVa-0_DiPvQ3JY7fVLGZXdgM7_HTyd1ZPFdgpSUOUoxXXCDomjEBr_IspRnhuQsq6qJrdQdpWB4exRkv66q8MHydZZY39o/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>

Kemudian save gadget HTML/JavaScript, dan lihat hasilnya. Silahkan atur penataannya supaya sesuai dan serasi dengan blog Anda sehingga selain menunjukkan fungsi untuk penerjemah, juga dapat menambah keindahan blog.

Komentar