Pasang Google Translate di Blog

Perasaan semuanya sudah tahu kegunaan dan cara memasang google translate di blog. Tetapi kenapa saya keukeuh buat postingan. Ini hanya untuk arsip saja. Soalnya translate yang dipergunakan saat ini beda dengan google translate yang diarsipkan. Jadi nanti kalau ingin ganti tampilan google translate, tinggal buka arsip saja.
Sebagai bocoran, google translate yang diarsipkan ini pakai icon bendera.

Caranya:
- Buka Akun Blog
- Klik Rancangan. Di Elemen Laman, Pilih Tambah Gadget
- Pilih HTML/javascript dan Copy Paste kode di bawah ini:

<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/AVvXsEjVWNTGz8rLg9FiFix1-2g6M9Xj-ulrW4LDvg2tloWV9iKJEbiC5fsQs0WrfGLqOfErei_g3F61Tg3eTByZhXJLH5NDQdsHzP4Enh6MES2DQoGz84l6OWs960b6N5m_ZvoeNiaK78RP-bo/s800/English_thumb.png?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/AVvXsEjwtsfRz-hVO6gGr7MUmum2IEEOJkjO-497oNVcENa632qHg9496BPqdZQfDeEJqxfVOKgFOudhA8IRyzF2Xyqfuyw-oqxkbP7iQ9Uf9Cq2GJk-_ypDvx-wU2lqzkcUNS9thyK8dHMoRQw/s800/French_thumb.png?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/AVvXsEh8HhqizTNGq_PUUmOSoH7_BWWKMaKYeFMijqypN76sFegI12-uvwGN2NjxTIje_8XyqsNa70ZMUaLAIeBtFntkQ_mcvR8mSUpuBe6SU8LYbTZ8a9xuJKnRJS0xW_EkFtLZK7V5yfdBYPM/s800/German_thumb.png?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/AVvXsEjnzsP5eyuOYbVqpqGuqtc6da7hvLfHguhhhmbyfW6eb-X8LYwahkMihl6Un7wDFcaJIRRUL9M9zwwZnDPDEIccqIn5W24JOdb3Bn1Q-18OudLc9SFrG643ZzCdse3ZVrUD3Cz4ZSY60Uo/s800/Spain_thumb.png?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/AVvXsEiCn_hXZ99zWa9MWDLvrJwiEsg7nt-f1k0XcvNIfAPrNqScmVH_GNZaeTH5ikRFeSD1fOlqzv2qcQoXss_JLqnnmOBOR_eogMPjrXM7SOJhSFWebO6ri4HeLfkiuWetoDc1wsV4dRlIQws/?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/AVvXsEgzFRWLBdKNg858qc-vqsATDgirVu5uCU88dL4zebGMbVOrvj1w4oC53S3xUZnbCyv6f540JcrWRgeddP77lOMExbKjLS4oFq4mOS1B4cHgTEIP_Yui4JfoUzzBewmS09hn4CQffBfooWk/s800/Dutch_thumb.png?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/AVvXsEh_7BKQKvakrJ22c_SPSSNtDPyzC5CJLQerXZTN1fVMrfrInLqtgVd4y_7x2gcRfZW1_3cTt_CVgd5DylycKanxTPxeEsM_WZDi4baAif2LWgLifvKNjm__pFl01RxvyZUg6REZx9YJiBo/s800/Russian_thumb.png?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/AVvXsEiX4wYzh7b6fallYJ8tIVo5WVHTinaHaNKU2sc51pWGsUAWsH6Yqqof0eGxtxzr4npApDtZT6Tdye1njun9zmajhVQQB2xDIsFJBPJTD_sd9ZuInce25Bi9OC6BAnj6KmAjTPoYGL1LjXU/s800/Japanese_thumb.png?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/AVvXsEghaGhyiZfCC2HDvN8ggOf-HrxsGm8WE6_-Ng0Q_555NMoM15EfSXGvBJI0xxGjb9f4J5gaOYwBbRgnSgzmzjZAFW-94iI1wOf5AKTyAyTnazmu3-Z9eOVsilAvtNyxpjWUXwkMTcT1WHo/s800/Arabic_thumb.png?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/AVvXsEiEQHJSqlvcNLEr0qdv9v1iMksVZz7o4uOmjK0QuFCJ7LRlshx-6SwYAMbqXl-RVS9madI46wuFkvBAAihJUwSWuOFK5Zmv0xrk-B3rBjujXU-LYgcslKAwd7ygerrSTQv9DdYSkogWJtw/s800/Chinese-Simplified_thumb.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>


Jika lampilannya ingin menjadi dua baris, tinggal tambahan kode <br /> setelah kode:

<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/AVvXsEiCn_hXZ99zWa9MWDLvrJwiEsg7nt-f1k0XcvNIfAPrNqScmVH_GNZaeTH5ikRFeSD1fOlqzv2qcQoXss_JLqnnmOBOR_eogMPjrXM7SOJhSFWebO6ri4HeLfkiuWetoDc1wsV4dRlIQws/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>

Terakhir Simpan Template .....Selesai