Wednesday, 12 December 2012

Cara Membuat Google Translete Menggunakan Bendera Negara


Google menawarkan berbagai macam widget translate yang dapat kita gunakan untuk mempercantik atau menambah elemen pada blog, salah satunya yaitu Google Translate yang disediakan pada aplikasi blogger sendiri. Google Translate ada bermacam tampilan yang dapat dipasang pada blog.Anda bisa mentranslate halaman dengan cara meng klik bendera yang ada. Ingin tau cara memasang Google Translate seperti yang ada di Blog ini??


Ikuti langkah dibawah ini:
- Langkah Pertama
1. Seperti biasa sobat harus login akun blog
2. Pilih Template dan edit HTML
3. Jangan lupa "Expand Template Widget" untuk menghindari jika terjadi kesalahan
4. Cari kode </head>
5. Paste kode berikut tepat di atas kode </head> tersebut

<style>#ramon img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#ramon img:hover{ -o-transform: scale(1.5) rotate(1440deg); -moz-transform: scale(1.5) rotate(1440deg); -webkit-transform: scale(1.5) rotate(1440deg);}</style>

6. Klik save / simpan template.

- Langkah Ke Dua
1. Masuk ke Rancangan --> Edit Laman
2. Tambahkan Gadget lalu pilih HTML/Javascript
3. Masukan kode berikut 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 id="ramon">
<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="http://lh5.ggpht.com/_15FopxVONSo/Sbs0I7gaReI/AAAAAAAACJk/vpx3tp_jg_k/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="http://lh4.ggpht.com/_15FopxVONSo/SbszlpR2QrI/AAAAAAAACIs/AwPD69Z7dnU/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="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1CIjjCI/AAAAAAAACI0/6PJIWHvMAh4/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="http://lh6.ggpht.com/_15FopxVONSo/Sbs0IY8NOGI/AAAAAAAACJc/GncIRRDiVq0/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a><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="http://lh6.ggpht.com/_15FopxVONSo/Sbsz1TJ5xdI/AAAAAAAACI8/0dtYx_clT4s/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="http://lh6.ggpht.com/_15FopxVONSo/SbszlYjxPRI/AAAAAAAACIk/n-yzKfbktew/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="http://lh5.ggpht.com/_15FopxVONSo/Sbsz1TzIcWI/AAAAAAAACJU/otXl-gtu1zg/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="http://lh4.ggpht.com/_15FopxVONSo/SbszlB3M6II/AAAAAAAACIU/jZYjX1vwGAo/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a><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="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1U6a6KI/AAAAAAAACJE/B3pvO5vYH8s/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="http://lh4.ggpht.com/_15FopxVONSo/Sbsz1e4_30I/AAAAAAAACJM/fuEkLjyIHiE/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="http://lh6.ggpht.com/_15FopxVONSo/SbszlITiTZI/AAAAAAAACIM/Jec1INW-YFE/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="http://lh3.ggpht.com/_15FopxVONSo/SbszlRrumlI/AAAAAAAACIc/rL_X9LTyuRE/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div>
<div style="font-size:50%; text-align:right; text-shadow:2px 2px 2px #adadad;">
<a href="http://kang-blangkon.blogspot.com/2012/12/cara-membuat-google-translete.html" target="_blank" title="Google Translate">Get This Widget</a></div>
</div>

Reactions: