Cara Membuat Google Translate Bentuk Pin Dengan Effect Shadow di Blogspot
Kita sering melakukan browsing dan menemukan Widget Google Translate
pada sebuah blog termasuk blog saya sekarang, di mana Google Translate
ini berfungsi untuk menerjemahkan isi konten blog bersangkutan oleh para
pengunjung yang berbeda bahasa.
Nah, di kesempatan baik ini saya ingin berbagi informasi bagaimana Cara Membuat Google Translate Bentuk Pin Dengan Effect Shadow, menarik bukan teman-teman untuk dicoba?
Lihat Pict
Ok, langkah-langkahnya sebagai berikut:
1. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Copy paste-kan semua kode ke dalam kotak HTML/Javascript blog teman-teman,
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDzC9gBlbiKBId2MBB8pbj6E27NOGs3GVJqg4DHTlXhEavM-GSR82KbMDrLdCYp94CWIdqjgQYLaV521DwuqjAvoE6IJwD2PkT1Wh2R9hGiz5RhmXkGyKX_c66E1kFt-EeL6tUL8bgLF_/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxevgXqPt5QbNG4d5RvU427oP-f6lSp3oOxCYASJPCH5DcpJGMR-NyHgaxrrK-cX7KmBz5C-xeUwdhVxZV5H76sbFC2oYO3zh76dYaeImUCHOp73QvU2ikiJoGYOJOThqA54DchkKO34W/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXScLThleqTcBrvcXbss95LQLQ8mYbNLM6VtpAdboAuCmYhI8Cn6MoPTRJTld-cilacIE2FPJOTXAn_SkiRSG9fZhfCBeQj-QNvQE0HkZGpSljAhLAmcQfxsjtvEnOPE9R0BEranDy9wgY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnKPS6nzetV0ucGs4pV2scSSG62bZWd466VRUzXvl_om2JS9F6VnrOEZ-LWBbm76Hr7f8ftyF5Ri9wNLN4lrjrVJqrftwRSAp9xPcC9_L65NBoCvLxtFvw8KnFqVlY72oBPBaj-f6Vd_hX/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAKlDRfwebdhP5ypC9OWzi8YA0khxClaMTk-C3p3uWSsWDqVcd5y5kpc39aKSmsWom4todcMU317QmCayFRpD1Rfx20u5aJOTbf5NT57gLoxezp1dBsPf9QmpKhpvXNkmhNfnk4Q7NVstb/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6J7TCPo7C4JPGUp1jhdWt9qQ4FaVAB8esltVZ_AoZXPgeNSgxlq4_Y7F3bc5JhLs3sgCIacM5djFXVps7dAcMsqtlwtEhIUvvEYPoqP7En7XihyHTjqOMBcsL0im8vWmR7z5kdnF8qfIg/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguYGl-9hQhFzjpw5SZj0csNbSdtuF7_2XRHRIauDNh7jDsGcUgGrTvUkMB2CIKoSFhWchjuT95S3bvPNv3ctF3Tnj4Gn8UG0Iho6cirUQxyRgifI5bxun9Bs_fVkORz7PUG6hkMiUy8uMc/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphentRZ_KhfzUYgAFd8bGRzw-2-kB403C9lerr0rFqdjOua8ZIAu7LQoDqS88wyI1OUwcHq_nNGz5rZGkK7dwPgO7wiHvMMFm4jrmCb3_2j-OiZ8hjDtOLsM4YaXZ3itzqlLNdhzCJ3GqoR/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgznJwipAknjwK9YSJE7n_QSiOzc2bZAZZTd_SoX2WtiaPEbGE6Ei0nP8VVm458QQwzTiNPFRWvqJIxR3GzTcMexa7zRenkkU9pEM8E6oTK2PHC4wSUR0iy4mtWWpx59ASfn9or5piZnoFG/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FWvxd4vFMhrI2iASOwVdcUbArkfjE9bTGXbr8JRsuoZdawlwjeQBXM20pxr3ixGP98UEL-1sJjy-oP0ZhxgH1vLhnTZQBCydFQIhYKwXJDISjgM_3lvIAPg6lVL1jwTlNsBSL4us0jTs/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekA1d5l1e4a-xhtlmBy8lF9dwi9UCQaXqjw05hEPH48aYYF8N6i6wqRqG6vY4_l5_GnT5cLhjp-J8CZ4Vokj7syjG2mz20hpzfwEb4k5Sm80eeq2y4dLMtNnXHsI5wGUhICRHwwpEkdC-/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hLrGAMFHtNAaFPHVBDmFIKL_kOYheuLGfJsuONRWUBSZUDwf9lZT9d9Ac56C-m1dvYTsXt-0EJhXOtdNy9fy2l7JlUx5n8_oEwa9gusgj_5sBAfhv3kt1DiiR3vO_hfFMVdTweB6ex94/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-google-translate-bentuk.html"/>Translate Widget</a> by Google
</div></div>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisDzC9gBlbiKBId2MBB8pbj6E27NOGs3GVJqg4DHTlXhEavM-GSR82KbMDrLdCYp94CWIdqjgQYLaV521DwuqjAvoE6IJwD2PkT1Wh2R9hGiz5RhmXkGyKX_c66E1kFt-EeL6tUL8bgLF_/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxevgXqPt5QbNG4d5RvU427oP-f6lSp3oOxCYASJPCH5DcpJGMR-NyHgaxrrK-cX7KmBz5C-xeUwdhVxZV5H76sbFC2oYO3zh76dYaeImUCHOp73QvU2ikiJoGYOJOThqA54DchkKO34W/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXScLThleqTcBrvcXbss95LQLQ8mYbNLM6VtpAdboAuCmYhI8Cn6MoPTRJTld-cilacIE2FPJOTXAn_SkiRSG9fZhfCBeQj-QNvQE0HkZGpSljAhLAmcQfxsjtvEnOPE9R0BEranDy9wgY/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnKPS6nzetV0ucGs4pV2scSSG62bZWd466VRUzXvl_om2JS9F6VnrOEZ-LWBbm76Hr7f8ftyF5Ri9wNLN4lrjrVJqrftwRSAp9xPcC9_L65NBoCvLxtFvw8KnFqVlY72oBPBaj-f6Vd_hX/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAKlDRfwebdhP5ypC9OWzi8YA0khxClaMTk-C3p3uWSsWDqVcd5y5kpc39aKSmsWom4todcMU317QmCayFRpD1Rfx20u5aJOTbf5NT57gLoxezp1dBsPf9QmpKhpvXNkmhNfnk4Q7NVstb/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6J7TCPo7C4JPGUp1jhdWt9qQ4FaVAB8esltVZ_AoZXPgeNSgxlq4_Y7F3bc5JhLs3sgCIacM5djFXVps7dAcMsqtlwtEhIUvvEYPoqP7En7XihyHTjqOMBcsL0im8vWmR7z5kdnF8qfIg/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguYGl-9hQhFzjpw5SZj0csNbSdtuF7_2XRHRIauDNh7jDsGcUgGrTvUkMB2CIKoSFhWchjuT95S3bvPNv3ctF3Tnj4Gn8UG0Iho6cirUQxyRgifI5bxun9Bs_fVkORz7PUG6hkMiUy8uMc/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphentRZ_KhfzUYgAFd8bGRzw-2-kB403C9lerr0rFqdjOua8ZIAu7LQoDqS88wyI1OUwcHq_nNGz5rZGkK7dwPgO7wiHvMMFm4jrmCb3_2j-OiZ8hjDtOLsM4YaXZ3itzqlLNdhzCJ3GqoR/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgznJwipAknjwK9YSJE7n_QSiOzc2bZAZZTd_SoX2WtiaPEbGE6Ei0nP8VVm458QQwzTiNPFRWvqJIxR3GzTcMexa7zRenkkU9pEM8E6oTK2PHC4wSUR0iy4mtWWpx59ASfn9or5piZnoFG/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FWvxd4vFMhrI2iASOwVdcUbArkfjE9bTGXbr8JRsuoZdawlwjeQBXM20pxr3ixGP98UEL-1sJjy-oP0ZhxgH1vLhnTZQBCydFQIhYKwXJDISjgM_3lvIAPg6lVL1jwTlNsBSL4us0jTs/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekA1d5l1e4a-xhtlmBy8lF9dwi9UCQaXqjw05hEPH48aYYF8N6i6wqRqG6vY4_l5_GnT5cLhjp-J8CZ4Vokj7syjG2mz20hpzfwEb4k5Sm80eeq2y4dLMtNnXHsI5wGUhICRHwwpEkdC-/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hLrGAMFHtNAaFPHVBDmFIKL_kOYheuLGfJsuONRWUBSZUDwf9lZT9d9Ac56C-m1dvYTsXt-0EJhXOtdNy9fy2l7JlUx5n8_oEwa9gusgj_5sBAfhv3kt1DiiR3vO_hfFMVdTweB6ex94/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<div style="font-size:9px; padding:8px 0px 0px 0px">
<a href="http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-google-translate-bentuk.html"/>Translate Widget</a> by Google
</div></div>
3. Klik save dan View Blog. Selamat mencoba Membuat Google Translate Bentuk Pin Dengan Effect Shadow di Blogspot!
0 komentar:
Posting Komentar