Kamis, 17 Juni 2010

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/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