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/AVvXsEiQ_0PSm83Jyrk1FKSM3uaDF47fSFZqzso9dHF44GpJ2yd6cwDA91Ca1U8J2IqHnP946YLyXMaNCIYg2rO9IKb_G3tODPNxSPfFjDrRdaWmGTuNLzZVv3IySOXMjsaCJd7EzOauT7TuO8tR/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/AVvXsEiV1aalXsB3WJ6tzD-lCT-YFZ9qSBwAX-idCADlilJnPcESOvgOX5bcr-4WA6XhNWwmk6RZp1k7r-dcYEXqOpS6I8nM13uSno-5DU3mQ4lOcKCE7XiQqlnm2JLBnl91Oqm1Sg3ho7B3d3Zw/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/AVvXsEhX3Lk3aHmP4P5S0HQw36eKRuayxgDUU4zS126nGr2mTRqiTGFJ8UnjyvXSWlxwMsGVP0yPs9HLui0iVHpWYMCJCzHhAyI7xnb1s0qp2JNrnQOQ8F2L_5-pEGIIBtO_StkN_fFr1pHMJn4x/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/AVvXsEgk6HKWwshUbS1vSOSVSe1mzNrKFl7MV-DT3O9VEIfGL7CDQr95PYFHqjmlZgTt_g_sEU0an9hnlAAZTlQ5F1QngyEm3Xa930BzA9LgF-Tw7YA9n7hdDR7SiiDCP8lVH0C4jbT_-5pv7fR0/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/AVvXsEiJDbODdMxzwCmSx3QChWxyetGbMbHNfsAluRrvwmR1CUw9U76TOvvlNx44d2YbfSHbQ6xqJUYWzjrGGF50j3LE1R1W_nc5aSP6IcbiITx8ZtvOioZOTwBfLv96OygQJj-otte-67j1eO27/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/AVvXsEgf2aTPqGpDos6uw2ksrVToIyH4oJIaVxZig_AjGoRCkF7XasCtLftmjY6J0ebhFuXTEEUsWQwzf7MzxPwAmfsatelS65at44dBMi4MAPiXvg-TIJBvJsIVGirkXgwThEdW9LoyMFQbiK7I/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/AVvXsEggsn-oYAsuFZi-MmUoX2Y-LEj1hu_iitQg3OVt-SiDBwXVfO1Bkxb1vywYQLqExIIdtNt6Eof4V1lmPmdBQFBFOvSROTo1M525-FrrrX0h6B7ctT7716We3yTTk2Mab4SASWL5R-9v4oFj/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/AVvXsEhwyYpBXvj8qa3SIQ9k6skIIa-Ff3UJDM-8NTan40PxJ6lVutuBzAUP3Yb7JtX10tUNrcqBFD7YzXY9lU26ynI_VURtmmnPh8fRAuk1bOZC6CN4vboezgGaRhUUO1Vz_OOmD5S2PtBTT1WE/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/AVvXsEjYUOdOWxXFKR1Iz48NyEuv2Hk0lCmBpFPSjBoKX-opYGpU6Vusdpuea_J38BCtjRfY3D_BCO3Po7sWqd-cTmbswTU6Mzet8BCrxcm5KXgHbV_aTn1XsgfcGFIjvyQJN49qLkC1UtNmK14E/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/AVvXsEiMT0rE8BpMQ5FCMJgylQQEF6JKbbl0Gcn3xEM7AxZi5DdQNTIZBjR9aT3Q-_n-gEQ7vvUXUQNte-6MAZ9XkJp4rZX_wkLs2znIa9hr0_IdqgTYSubNZQzriq-Dfzgeq-TJ3U9xDo1w9Hxw/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/AVvXsEh63fCIDZKKAuei2uy4x1F58nRF67T76nKY2z1oBxpLEI6-4-zDjHEBgKC2NdudevKvCrgGjqsacihH4UlPR1LqVf9RcZlYzhxEjl_zT193xsZZXC7iJ7EABozaNyLpodu2Et7VsH3dYDEo/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/AVvXsEj0VBbazL243tu6x-EeqyOXy0c9gmvOcm0d1M7_OHC_4AX2BSLwIFNaNbCvptdwGlkfk84vafSU_cjmhOzzsFAC9lBDaPYHc4ZAG8EXysSv2Jnls1-BVCTRtJW89bfRVI3ev8kfyYF3Bw8w/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/AVvXsEiQ_0PSm83Jyrk1FKSM3uaDF47fSFZqzso9dHF44GpJ2yd6cwDA91Ca1U8J2IqHnP946YLyXMaNCIYg2rO9IKb_G3tODPNxSPfFjDrRdaWmGTuNLzZVv3IySOXMjsaCJd7EzOauT7TuO8tR/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/AVvXsEiV1aalXsB3WJ6tzD-lCT-YFZ9qSBwAX-idCADlilJnPcESOvgOX5bcr-4WA6XhNWwmk6RZp1k7r-dcYEXqOpS6I8nM13uSno-5DU3mQ4lOcKCE7XiQqlnm2JLBnl91Oqm1Sg3ho7B3d3Zw/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/AVvXsEhX3Lk3aHmP4P5S0HQw36eKRuayxgDUU4zS126nGr2mTRqiTGFJ8UnjyvXSWlxwMsGVP0yPs9HLui0iVHpWYMCJCzHhAyI7xnb1s0qp2JNrnQOQ8F2L_5-pEGIIBtO_StkN_fFr1pHMJn4x/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/AVvXsEgk6HKWwshUbS1vSOSVSe1mzNrKFl7MV-DT3O9VEIfGL7CDQr95PYFHqjmlZgTt_g_sEU0an9hnlAAZTlQ5F1QngyEm3Xa930BzA9LgF-Tw7YA9n7hdDR7SiiDCP8lVH0C4jbT_-5pv7fR0/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/AVvXsEiJDbODdMxzwCmSx3QChWxyetGbMbHNfsAluRrvwmR1CUw9U76TOvvlNx44d2YbfSHbQ6xqJUYWzjrGGF50j3LE1R1W_nc5aSP6IcbiITx8ZtvOioZOTwBfLv96OygQJj-otte-67j1eO27/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/AVvXsEgf2aTPqGpDos6uw2ksrVToIyH4oJIaVxZig_AjGoRCkF7XasCtLftmjY6J0ebhFuXTEEUsWQwzf7MzxPwAmfsatelS65at44dBMi4MAPiXvg-TIJBvJsIVGirkXgwThEdW9LoyMFQbiK7I/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/AVvXsEggsn-oYAsuFZi-MmUoX2Y-LEj1hu_iitQg3OVt-SiDBwXVfO1Bkxb1vywYQLqExIIdtNt6Eof4V1lmPmdBQFBFOvSROTo1M525-FrrrX0h6B7ctT7716We3yTTk2Mab4SASWL5R-9v4oFj/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/AVvXsEhwyYpBXvj8qa3SIQ9k6skIIa-Ff3UJDM-8NTan40PxJ6lVutuBzAUP3Yb7JtX10tUNrcqBFD7YzXY9lU26ynI_VURtmmnPh8fRAuk1bOZC6CN4vboezgGaRhUUO1Vz_OOmD5S2PtBTT1WE/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/AVvXsEjYUOdOWxXFKR1Iz48NyEuv2Hk0lCmBpFPSjBoKX-opYGpU6Vusdpuea_J38BCtjRfY3D_BCO3Po7sWqd-cTmbswTU6Mzet8BCrxcm5KXgHbV_aTn1XsgfcGFIjvyQJN49qLkC1UtNmK14E/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/AVvXsEiMT0rE8BpMQ5FCMJgylQQEF6JKbbl0Gcn3xEM7AxZi5DdQNTIZBjR9aT3Q-_n-gEQ7vvUXUQNte-6MAZ9XkJp4rZX_wkLs2znIa9hr0_IdqgTYSubNZQzriq-Dfzgeq-TJ3U9xDo1w9Hxw/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/AVvXsEh63fCIDZKKAuei2uy4x1F58nRF67T76nKY2z1oBxpLEI6-4-zDjHEBgKC2NdudevKvCrgGjqsacihH4UlPR1LqVf9RcZlYzhxEjl_zT193xsZZXC7iJ7EABozaNyLpodu2Et7VsH3dYDEo/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/AVvXsEj0VBbazL243tu6x-EeqyOXy0c9gmvOcm0d1M7_OHC_4AX2BSLwIFNaNbCvptdwGlkfk84vafSU_cjmhOzzsFAC9lBDaPYHc4ZAG8EXysSv2Jnls1-BVCTRtJW89bfRVI3ev8kfyYF3Bw8w/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!