Cara Memasang Widget Google Translate Bendera(Kotak)

Sebelumnya saya telah update post tentang Cara Memasang Widget Google Translate Bendera (Bulat) . Nah kali ini saya juga akan update post tentang Cara Memasang Widget Google Translate Bendera juga. Namun, kali ini versi keduanya. Beda dengan widget sebelumnya. Jika sebelumnya berbentuk bulat. Kali ini berberntuk Kotak. Berikut Langkah-langkahnya :

1. Login ke blog anda
2. Rancangan
3. Tambah gadget (letak widgetnya terserah anda)
4. HTML/javascript
5. Copy pastekan kode dibawah 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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.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/AVvXsEj8ZF-TWgdXAto9lUsrDozDRiGmBMfzAt44MmkLFCdy6qWf30z-ji_S0Xn0FyNVok7EJ1GsHx9DjWyEf3EJpEJMC8LjUQSkC6lxcvS_430A_s7TA5JDkEDF4yvgEh1BNtcErs0536z3drc8/?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/AVvXsEhZk8R9QW-RisLyAANBDjt87fl_cCmJegolUlkK_feAEbhuQfTd8a2VdmkO7qHMFsRTxMvt6Vzar0JLl0Arg4_GNq1BC3NU_AlXyN9tnvl_OVbK8k8FSsqW7JQMIV_sGEvUEZLgFwgcC4yZ/?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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800"
style="cursor: pointer;margin-right:10px" width="24"/></a>

<br /><br />
<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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.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/AVvXsEiQd4i0Z1tN_OGc8RXaJSbgYSM4Qs7IfeJM4pAa1ZjRHtP9HAaKzQy6BYpeEYggTRRu3VHefrldhyphenhyphennO1B8EPdqUY2yks910FamE-picjlUjwnkVLhuL86uDRS6NlyPu5kh_TQRC71ya944l/?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?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>

6. Simpan

Selesai deh !!