Ticker

6/recent/ticker-posts

Memasang Google Translate Dengan Effect Shadow di Blog


Langkah 1

Copy kode dibawah ini.
<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/AVvXsEjfi7Y5-H_Sxf4jdvBicLV1tV-8wTeFWCAEKG-ZVZLcwLIy9bSkihQgdsvSmrpVpTqJsYy9jTWH4yZwwh5Bxlp0OMgXtLmC6xRc2NDGSF7gnB5aUiWp8OXuA4bvu3twk0a8Xvik7aqFlbtR/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/AVvXsEiD93IuG-KfQdNTER88DFjgDw2hJXky1HUyj0t1fLsykN2Jt4_qNBK4QnvFP1qYnbwKoA4TVL3POazzrm-5rtF-PAZGRB2bgvn0aiDjyW9u26mWF6kkWuhl0zghpA_0ZL5krxK0_Wbqihmm/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/AVvXsEjyLbb68vYqnAwyXO2jvXu6lInsSF9XG2CHUfNF3T07HJjvwumorfL6i1Xan83YKcDdLAL6VNgbyhvWKneQ7vS1wRyxSlCGnX8jcR1M2CSQatu81AJ1VcSqT6eiG1XYNzhQlvekeWAZ514w/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/AVvXsEh3jqk70HYOSRcWZv6ApTairWuWa8N7M-JWj6fX1vECrZGHUU9jYDUJTBoDntPpnAjfhE994_z0VYDtt2dEqXf9TY1iFEdMtfNhChAgcZzf76nLRI0MFQ9EdbDDihG1v-7vmhT594lXLC1K/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/AVvXsEj5DKdhjVruaTQMvl4UrRjSnKla-kLOQ6tGguGkRW2eAKSlwhesrYKy_EAwevgActZN5isndzQWPQW0bbbpmJPlICGxrsJeAdIACjbm43NQ1IsZv_9S92vjJgoRj_MnELoMs8eW1cQdzIss/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/AVvXsEjneVPGew2JTHXG_CR4yCbK8sGpa2vUJiDhmxHYzGJ8_FIB-GkmzIa_mGdpifLjCJAAS5tkgDCM1nF01abnd6obuL57N0j_V9n6jQl4QDbQAcRltnMzwjV3v6r5iEU-NeucxKi_bEzlTuCj/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/AVvXsEhgyMq1Sebed-WtyIQ8q7zwOo6MwHkj97IUxbHAbDX4FKUnQgXR44ZGZ2TWFtOv24AxtasaeS890CSlRhd4uPWTFRyT2NT4H6jn9SoAlsZ2XJVNfZgvBvQzb72xMVUmxSodFJJOR3Ucyg1c/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/AVvXsEgLwhxnomsTYl1DoT_f5eeSkOyBfr2jiofh9ftZgmgu-YqBAY6UFuPxHJK_kCqiC81xJRtCwiDsknyBCUcBJY2dHvEY0WloTgwhfW4ocILB_x3c5y_biVlaj4K3m82VWugVuLGU_aOgPicn/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/AVvXsEj4YDj41em5mnBQSu3v7TqTbpYicxj2-EuTfXjBq3ySRHOYVJn1RKjw4eXhAMrX7kbh1atry-8lBPRwPp5OLd6ZpFOflVDyZH4QWAqKydd9cA6LFxJpuvojD51AhCJemZsOxw3hJJF-Bu69/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/AVvXsEgLZbhOapH9ZXU5YOdbqfhY87Xs4VwSVFvhWccTsYDZiRmHOiqEPhY3qdXKULyTEPGxJjW_AsRBZo-ZhhiQl8g5Jz7or6TD1p56LLU1pXHKZDbnEBiSuyHLUUjl00Yif-Z_nKPCeQ2bc2dc/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/AVvXsEiQisDFLRV8frAs-EBmJ-PNI_J46f27bo_WPOfXgJ8uv2zJ6-IsbZSKlEphvFTkseYzzcnchcr5GjKg4gklRrr1T_KlNMeqCVl9WvbmJnwUf4mCTRwsAUDvFSdmltDBG416K0pob9tuzqK8/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/AVvXsEiQprEnXvdTdMjvjqAfLXQx0bfyty1VA6UifFqkl4-CVsHJUIT-DSCWmn78m8EzN6RkR8yLnxeci2QJ3beSCfFwQsrcee1iE1YztCKJRlq7zR9ep7J4GRfyQ_a1cdn85_hXlt9vTWpvrk0n/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://jeritanblog.blogspot.com/2010/10/memasang-google-translate-dengan-effect.html"/>Translate Widget</a> by Google
</div></div>

Langkah 2

1. Login ke Blogger, Klik Design :



2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;

3. Pilih HTML/Javascript;



4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

Catat Ulasan

0 Ulasan