2 Cara Membuat Google Translate - Icon Bendera

     Google translate berfungsi untuk mempermudah pengunjung blog kita yang ingin menterjemahkan artikel yang ada di blog kita dengan bahasa yang di inginkannya.

     Singkatnya Google Translate yang saya maksudkan di atas berupa tampilan seperti ini :

     Dan jika sahabat tertarik untuk memasaangnya, berikut langkah-langkahnya :

1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik tab Elemen Laman.
4. Pilih Tambah Gadget.
5. Pilih Tambah HTML/Java Script.
6. Dan Copy paste kode di bawah ini dalam kolom HTML/Java Script tadi.

<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/AVvXsEj9_F_ELUwZaR57oQGBX8fs7vc6exS9RxJ0N4yyeClqIPYG37F8XaQqphEWq1v6vpf1nGK3kmpvtAxFKRKLx10qeblIH-xFjP2V4zbWI8CxPzuTlyJn0CKE2zjyGfPa4X_BwjShxWEqY10/?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/AVvXsEh_T6wk5_lx_IZSKCpZEtqTH9pW2YCuW8bSUf8bsm0XXjN9v-qcKLqFiwrkArFulB3CwV-7tWOphe5-IitW1eNl3IJIenV0y7yqzMTNK1g2Rt_8q0ZdU9cQ84bqMeenvjuLKyf6aT44d74/?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/AVvXsEiV3vVVI9PqEDo7aW9TDWJrJEBYfriSCi6U1wOIB2UzxjXqYIIAqU2f0SmKYMPeH_AVt-kflv2nrDjne92_PTj3SNWg4r-mU08F0fUVo2TYRXvru4alo4kwohVs3RaEh8wVq7B6s99l2FkR/?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/AVvXsEgFhsPykA45xCE5msiGwlmkUIcSGEHbqFqdUB0zo1xuARjSEtDtwBW1JuyLFjVaNvUSqcwEefl8ZiOZeMxx6nEQCS5YMUop6OedLrmUBg9SyMsQYi9Fms5YOxz8Hx_Le2QL_1IVCs-fvwUy/?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/AVvXsEg2F2jtkKQFqV8pYVz7RtS15M7RpWlEcW-FBjnieGNVs4780eP-AjlB2F6MDt2REVzMDoc6moRtGmG-oeanET_WANSJF-QXKDqLRaDCvnEn_Z2VIBhluECPke7jQ4ahzDKJAtHMmYhlGw0/?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/AVvXsEiukoSXmbiiB6omGJGdqEeTzB8f75wlHPKq17OCZgIrR1CrOxn3xhIOuM8Wb9TiPgMSgDuVRP6lvGQrj-7cmkzWgn4B3v37aSjuXJSTS2UyxFl_Ltw-5SFDdRS3mqkAsiwL8E7dEq8GNzw/?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/AVvXsEglel5YAtK0Iu6YRKjTcrT9F_CBe2K3MB_QfQLPp5dyZ4Jy5vFQpRb6MoUZk0lnjoMLGMNX38TvaD2RrVWokCuf6Cx5q8iLVafo1mECMJRD_xvQ7cp-M8UUUVkRW7mQi0jeDiwOoUeftYY/?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/AVvXsEggLUM8TVYC5AGiOC75WF_QgK846RbPU95Zs9GOqHRvrbrjKI8_JbVxZ2sFN3_mCOYVTtf2bBEx_VTWf02AlBS5YcmgYyHkir8Yg5wDmA8uMJs1IbAeo9j6X9VpBJFrerhyphenhyphenFxgQEA0r4m4/?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/AVvXsEi2dn9nMminVcWURrgT8FM2ssKi-acubFtIDOLObA6EHv93zWZIRab3RfUj_y0mK6d-g2gZK4L9NFGHo_wg2TjMQUC6CxG5DzdnHqVWOck2BWupMs3IFoSxVeut-JGP57nSBRZ2JAsLc8pU/?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/AVvXsEhj-Aiw1XqXMEsdqukdktCLlyo4xdkVoMuU-sIuRVB05N6crg6zekNNLs7BUvobn1so5cNchHrzTgnF0O_vaICJsDz1CX74f1EN0GMSmg2e_nRhV5fMoC4e9Q4jd2PVZB07Ig10E_-G9mE/?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/AVvXsEiMevbCi4cqqhsIjbVjE4XFOY7X6mykGdBSlBVuN3KgB42xI5kB8WFlRzXM4FsLxGDeOtbLd_K9uBV4ZtFEmstIf-E40QoGRuUKfw_H1mB8IVLkqOSvgedKsC22BdCjVTwU-3S-lcM3Q6Y/?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/AVvXsEjW1pbeGnE_tbppJrre-PKVeGsRoxDO2Gxim5LeTxvvbqpR6hvxznkUayboYIfhl1nrVcQFoKi0NUdUWc1BtV8ytSW-8n5WTERcy03BaBNV5j53RvhyphenhyphenD8Il4JTv5Ymj1zINbIsvz2tqzy0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>

       7. Simpan.
       8. Selesai.

     Dan kini Google translate dengan icon bendera telah terpasang di blog kita. Selamat mencoba !