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/AVvXsEhs46Rw301IRj1c9KYl71pbkXshVF3PLUt_KcjKy06UPzloz7lE6ap-i8PdhclFC5mZ9tif_yQFY5y9YaXpVS9vbKPmdjTXH_v5BdItFVoRm4r-3tkeoclZrw___OTDkohIF3871LFnOplO/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/AVvXsEj08PYYDjtsOldMJQMZSCedvsdFtJv-QDK5At9x1RwzYLcvn-jjiXvb3FY6QYwXtriD7OrElhGRDrEpLbOwX2-y1OFYJZPfwP7zh23rjLCNdutIa9EjxyW6XvGv7nWrYAJG__icrwgHreCn/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/AVvXsEiSwbsyzwvQaQg9c_5_UQb715nIzYEvrUnY7fqP2bWcF-mIySuAKPJYLdJjOdNyrwivlPsarTooxJZ_ufre7mQsJu6qXiFQ35VR30lQ1GiYRUm0kIctoxBqnTL6lYKuyX8eeKuBBoBtRTxz/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/AVvXsEhX3_QHCQXJ3aoRS_8K21lMCUq4OIzdEEN7RCWcuYhUm8UKgGBmL_Xh-ampR5F1XFr4T7XZrM-Wvk80ksfDDd3LofhYEmKc0KaEnQgTNeCXvZ27wPERrTzbVS-gG76TqiVEkkm7C6noL9qU/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/AVvXsEhyG4XYN5Kry3LySaStsdBusxfadDSAa31_roySVMuGpYoATPSwLNVnVemVuPftyVA2GYgn2vaMDKy7R5sY2Z1TIFsgjHj6KAzzps6nAJKm8DxlwNZWemS02s1ko6xd-lkRv1cGLDp4Qgxg/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/AVvXsEj92RrVpXTMuZwdHGOOpGN3OakW0ADa73epC0AVBRpYd8nVJF82DJOQAMu3rFXmQJA9Eq1vWlETQ9nm2kqQLiPmAG1mlfEnlUjyM-ygGKSo4dQ6Hm6ulxba9BuDAyK2mRjYbbN8lO6YrwVv/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/AVvXsEhwbPW6dUHYwyhRoG732l2kfpqLBChipIoxvVjd3kNFSu_TfZ-Ly-8hc41G-H-y4dv2BRh5dIQBHxO__WwbbYpAaIWYaM7tyyucWpFzI383db_6Zx2aLtJs5SbxSJcuPRLLQbW_VNs9_pDl/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/AVvXsEjqpw0C_k_dN4ZwtotyCo0T1K2qsHleyFqMLS9Jv7Qb1ZAXuYrysNpV-6NOdSZTnEhCjL5ASAI0drcbuTnard-CEZnPPQxoz03Im5dQYBufdVB4gLnw3hyCqQ38nBw2e8Tfop0WXyRlSsqK/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/AVvXsEh1bC9_DnkPeNl6qN2cYB52TTO1GtzahH3zJnzbIpHucBlqd7inpkCd79wGm2a9pn9541y8Nh8dnOtd2VQECzpjIt-5R9tUPoX1vGS7vd-nh6nJadEPUAX_XXp9nIjKhHT2iO-nZiiwUNIZ/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/AVvXsEjQHu9GRuE6hQ7f6sLR4kngcYAehPMOxsyvmCvmK4ehKuHwErgQLrWDn8g-y-_VHLLHZW0NJ5gXnt0QEl92IRfLUK27AAKMXAmMcbUSHbEDgjtIML4I5ZviANZeV6EqZ46FjCHMVn9wVGNo/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/AVvXsEhLt3eC03n92ee6E9RA493CMvhvIL7Q3cYtdyBkQHjZKkgfsX0fRh1a8JieK49mty_0Z_pwP2ce0XTZioUesXrkY6TaqWttaeU6GbSVt3pyXrlCMqZTywZJ8plsyK4aPWxigxf-kg0MVtL_/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/AVvXsEgBoPbVCrG7hQGzcpjM6sl0ylvnMIMxCl2yfXXp7bqXaeQSLrkIc0FZDhvxC-z5QQiZEhac6TQeXuGEoOrdommrmLxC4l4maNg6spukUiY5weXo81y2aZNfO2OylPSP6N7mRSI5iNtq4fpW/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://cantik-2013.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/AVvXsEhs46Rw301IRj1c9KYl71pbkXshVF3PLUt_KcjKy06UPzloz7lE6ap-i8PdhclFC5mZ9tif_yQFY5y9YaXpVS9vbKPmdjTXH_v5BdItFVoRm4r-3tkeoclZrw___OTDkohIF3871LFnOplO/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/AVvXsEj08PYYDjtsOldMJQMZSCedvsdFtJv-QDK5At9x1RwzYLcvn-jjiXvb3FY6QYwXtriD7OrElhGRDrEpLbOwX2-y1OFYJZPfwP7zh23rjLCNdutIa9EjxyW6XvGv7nWrYAJG__icrwgHreCn/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/AVvXsEiSwbsyzwvQaQg9c_5_UQb715nIzYEvrUnY7fqP2bWcF-mIySuAKPJYLdJjOdNyrwivlPsarTooxJZ_ufre7mQsJu6qXiFQ35VR30lQ1GiYRUm0kIctoxBqnTL6lYKuyX8eeKuBBoBtRTxz/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/AVvXsEhX3_QHCQXJ3aoRS_8K21lMCUq4OIzdEEN7RCWcuYhUm8UKgGBmL_Xh-ampR5F1XFr4T7XZrM-Wvk80ksfDDd3LofhYEmKc0KaEnQgTNeCXvZ27wPERrTzbVS-gG76TqiVEkkm7C6noL9qU/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/AVvXsEhyG4XYN5Kry3LySaStsdBusxfadDSAa31_roySVMuGpYoATPSwLNVnVemVuPftyVA2GYgn2vaMDKy7R5sY2Z1TIFsgjHj6KAzzps6nAJKm8DxlwNZWemS02s1ko6xd-lkRv1cGLDp4Qgxg/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/AVvXsEj92RrVpXTMuZwdHGOOpGN3OakW0ADa73epC0AVBRpYd8nVJF82DJOQAMu3rFXmQJA9Eq1vWlETQ9nm2kqQLiPmAG1mlfEnlUjyM-ygGKSo4dQ6Hm6ulxba9BuDAyK2mRjYbbN8lO6YrwVv/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/AVvXsEhwbPW6dUHYwyhRoG732l2kfpqLBChipIoxvVjd3kNFSu_TfZ-Ly-8hc41G-H-y4dv2BRh5dIQBHxO__WwbbYpAaIWYaM7tyyucWpFzI383db_6Zx2aLtJs5SbxSJcuPRLLQbW_VNs9_pDl/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/AVvXsEjqpw0C_k_dN4ZwtotyCo0T1K2qsHleyFqMLS9Jv7Qb1ZAXuYrysNpV-6NOdSZTnEhCjL5ASAI0drcbuTnard-CEZnPPQxoz03Im5dQYBufdVB4gLnw3hyCqQ38nBw2e8Tfop0WXyRlSsqK/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/AVvXsEh1bC9_DnkPeNl6qN2cYB52TTO1GtzahH3zJnzbIpHucBlqd7inpkCd79wGm2a9pn9541y8Nh8dnOtd2VQECzpjIt-5R9tUPoX1vGS7vd-nh6nJadEPUAX_XXp9nIjKhHT2iO-nZiiwUNIZ/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/AVvXsEjQHu9GRuE6hQ7f6sLR4kngcYAehPMOxsyvmCvmK4ehKuHwErgQLrWDn8g-y-_VHLLHZW0NJ5gXnt0QEl92IRfLUK27AAKMXAmMcbUSHbEDgjtIML4I5ZviANZeV6EqZ46FjCHMVn9wVGNo/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/AVvXsEhLt3eC03n92ee6E9RA493CMvhvIL7Q3cYtdyBkQHjZKkgfsX0fRh1a8JieK49mty_0Z_pwP2ce0XTZioUesXrkY6TaqWttaeU6GbSVt3pyXrlCMqZTywZJ8plsyK4aPWxigxf-kg0MVtL_/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/AVvXsEgBoPbVCrG7hQGzcpjM6sl0ylvnMIMxCl2yfXXp7bqXaeQSLrkIc0FZDhvxC-z5QQiZEhac6TQeXuGEoOrdommrmLxC4l4maNg6spukUiY5weXo81y2aZNfO2OylPSP6N7mRSI5iNtq4fpW/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://cantik-2013.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!
Tidak ada komentar:
Posting Komentar