Kali ini aku akan posting cara pasang Google translate di blog. Widget  asli dari google tampilanya tidak semenarik widget ini ... Widget Google  translate kali ini hasil kreasi sang master Blogger kita yaitu Kang Rohman...  Widget yang akan terpasang dalam bentuk bendera2 yang sangat menarik  dan jika mouse anda arahkan ke gambar-gambar bendera yang ada akan  terlihat sedikit efek blur sebagai pemanis.
langkah2 untuk membuatnya adalah :
 
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:
-----------------------------------------------------------------------------
<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/AVvXsEivONz7ljWWee5CuFlr8RjoqX-GYfAKgLtbZTqA5Fw_fNBvAyAga8zZajzs5xNKSQu8suvTzmWLwH-dFJIsHcu8kSgwK1aF1lXUmyrfna9W41PeU5EAPJ1SiPcrtEPcziUGPiUevMHX6vM/?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/AVvXsEiST1Ha280SeSMzUw2X12u2PWYdcBC3p449xS7dVmm-jeqIlvaybop13B4AgDnuTt-_XRPzZ2ITZ8xkD0_U0kVQVz_zmLcVWeIhKWOaCmzh74I5UD0SWTD0KAW7GP12UhAcIOXCNRuTDDM/?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/AVvXsEg2FFzFc3YL1OHZDwp2yr8YqROj8b_Ti0EGHN6QuGf05qWV5SgLsRb_VeiNvEMqA5nSJ4aa9-7LtquqYx6t5dC-yLRDozOOYCg80bCEGOeqcazT8W3hypWiQ9QIbGinD8c2lq-jL0b105NM/?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/AVvXsEiqkcYDW4bVrZRemc8mO8IBUbyBKNVudUH4V4t7BUJ0zQFAonFjH2L-uJNfZ0E3mtCgnlzZRmNq6_iiDOBLy55PwyBw3fxKuN3vibvdQALgb59wKbNMzAmPh9yQ2wxRUWrdmEMGjaD9D3Vf/?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/AVvXsEhOWpPS98AslOEn15tdvdx_hLFFSNnYYb8tg33vZx46afte6F7UhufbQVe58cKlpeIJb99HQ1ivUHYzhZUyv-AiZqpYJ9EPfgOmcSsHQ3q2NDccfCtU3YNdxVMD1B2zc1NUvK9W8NO3pVA/?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/AVvXsEgqp2QKgUGMm_Tmlv24EtZFgFQi18MVpL5eBoYTZqIuxgCvrq8G8mT5zn8p04Zy5xdH6XLGNyYhInmEA4-aM2HL2XW6WMuU_9hiIN-peyr44IMMFV-6GdrNbyT3cTFxr-AStdX44Ox-OCM/?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2UzPW_wuzMWYLhDmbe0K10B2yXyRzolhxqK5NoRbp__Qq_5w23e0mrMDdY-HoH6cYldk2lOqTrOY2tr9Y94ble3Yr192uUKs4ye7lhH3T4SHNo6Ku3KZCrCUOHjjlmXawa4zzZKAx1A/?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/AVvXsEhMfZ6NF1TmurJ1FgrnLY2wuzQXn-gozhg25NS_tWsUSO7IhPKxjuJ_WkC-6FWFdWP0nyL1l6SzB0rnF2s60lHgke1dBE8puzAtiDcmrB9MoFvYmtIEo_HxicdQaNjC0pBOozKxZbcIO3c/?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/AVvXsEjrSqCtUVCl8AQL194xYstWroQs2Y_FV56C-SAWA-oieU1i9kRxlJ9wsjsRK-I-FMDzcHjrOk8akn3RQoz_uNTio_gnjk1OOT6ggXSFCTWi0Roxd_SnfcPy9UriQtW93K083hyphenhyphenQ4KPxyNuN/?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/AVvXsEinEtwyEnRaMWu0ashYzIlBOzWLFd3bn2rNSgxnc1gOwe3tJ1z96tqO3A7k3PTuVbYORmVsHcce5gbbgd89rOfEV-HPcDsPHYjyyjV4xcG-n4vTa5QJVN2SOzCMeF-djJRYvDXGpmwvbXc/?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/AVvXsEjp1Uf11ijNj2boaU6KC-ABl76RXZC3AxfvH0gIGJeHpfVe4MMytWK1L4hjWbx8L-0r6TzbdiS03GPCFE8gWNS_3tXlDtCuV9xi_Q61UAThr-reWFYbiEGpxqytbPJQjcuS3f_-HRaSqXY/?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/AVvXsEjgLZVbvZW0nHaZU_dnDvriHKmJkJJlXdPphKC9I5HQNgndQ00kBkQlPvvPh12sUp6NY5Gj8pwgxc4rXN1jXTLtiB_G9xhueGlbnVoBi2I11wCmuSWqix0_mlHgD5nnGcN0HrlzXVt7aLs/?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>
----------------------------------------------------------------------------------
4. Klik tombol Simpan dan lihat hasilnya ...
Post a Comment