Selasa, 04 Oktober 2011

Cara membuat Translate This Page

Sebenarnya cara membuat translate this page itu mudah, persoalannya adalah Javascript nya.
Ok langsung saja saya bahas cara membuat translate this page:
1. Pastinya login dulu ke Blogger
2. Masuk ke Rancangan -> elmen laman
3. Add Gadget -> HTML/ Javascript
4. Pastekan script berikut ini:

(untuk translate bentuk pin)


<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/AVvXsEhkcocdQ665gIhr9OztExqPck6ZEho0VhWt8-0AuFePCbjqc85WqlIX4uMwwkskp3BZhr67Lec8QS5XaTzNRgWfFxRsCKd0L166PwAxXLSKan7c1Ej4j4itsM34uZAWKgekYAKkbIijdKXX/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/AVvXsEj5uUUazKsBKM0ax3aGLvisSfQeXY7ZfA4lrPNYK5dVWOvMs1HpNWOgjKr5tGTmC8X1elObaE8ATVrYb9vONhEJaLsn4kdilTvrakB1ZfxsjR4vlS09xSJW2b3R3zaD4KkvporoWHYMlvQr/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/AVvXsEiTZJpUWoa6IC5EzXLyx4Xu7meCIwrkuf9O1KUPhyAuw4E-z4oYJZ_mLjmP2__yawTxMOEi1YOeMo9Rfzbn1s0eukrPadWiBqz797Lw6Ia2R7pMFkHywJBK9oSC8-phtFq_T-_PWKlO3MnT/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/AVvXsEj0ZgsR4w-mmkQSMUXEU4c6DaEdltuTwfB7ETucGRaK_SOwrAFcpBsgOCPsnJRKA_DX71FxAF1P93hXbUnhn0iUYxRzTPBXhx-YF5G498RcE32KT1pYzmzZqTczVAE_fdyqOCXOJ7oGinY8/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/AVvXsEgcnAPCh0aw5afvheKXUoG0LyvoJhJ4kbw2mZ1njFY4XvSMmaMq1oN5ywo4yHJf_deQeYFFVugVGsJvp-6MtsGRhI3aUrFcyeDaUFBR38kxNnx9-lnXZcZwCue3cjdN6oyvtlWYoaNcnlF0/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/AVvXsEhzCD0cZz2UKAxOcQlgUMxIoTK1tHplf2gp0KN2ReHodk9vhuvXtROE5ixAUT2HScTfQlAk50E05YNWFVS49fUGT2SuS73hhwZW4HhoD517HhUpLvHPQRFI7PKOmAh2IOb9gxj2qrUhvaGr/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/AVvXsEjhU7oItbYtApL_jCkpKr_lEi_t1xyK8P9mDw6dCFKsKGa-DiKIxi_4IXOF4A1eyOMlqZFwQX9WxOHs7Heo8P5uAokrMqB1CTiNEYLa9l9xHxxkRcnC9S5lq8dFAsXg8mVv-in2VRNLfG4w/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/AVvXsEg9u2lRde3g2f0sprrGHFT6fQ7rnMtiTVqV9F4hwPSw9xCr5jtEzLPLe_pqexb_B3CSIptqoP3a73aMqHLZ5Hi-fpW5_nYWxuzRH8CxJEO0qQ3tfsxUKOZF1NS5O8ybCYnZ2EJ04fDowakK/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/AVvXsEg1dcMkcpiOlIiS3eBtatU7S8EKjRC_Y5tG_MC4lrT09qMQ1ytMywrqdUt9DwTOsA7BMugziuFWr3mgerHg58Bew84acuXmvS_y1NsUKWZ0TMv1cRRPe85Sr8o4xGqlZ0vW4QzcadcgdnG9/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/AVvXsEjERP695IZyBqZ4XlGAkjm-9-pFDhc8vpgjETBh5fBod4NmdO0m-IxQSeb47snH7hVETWPE6Ntd25E6HGEzyXxqn7uLyxUF60Rz29ZuBca7U8KxifyoY0FciRlg9brEt1AKAQJR6tPGqgbE/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/AVvXsEg04OhpUxwobizA4bzg7pdV_YTwiAHIu5l0n3edllVchmCgFIXwazUz3h4bbSMCNdx9ZkCQCfIemFGdGnsZZwl39xg0FD7g8UJSUEfnBBn869iPeIwr9-3Ve0_yXg24Xbu37F_hlCGu2Oaa/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/AVvXsEifsxqo0FfWz-FpeRDaXuTZ2j2Ioqqz-BcLplJY1vEqQqEBYrZ4gRa4ijmRYEHwdglnkstlx6keN9dVyIjvBYTPnAXo9BJfrh_MxNhVsqXeP-LwK32vupGdEx5LhLj8o6klQZqNcO85GWRR/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>

atau script ini:
(bentuk kotak)
<style>
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}
.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}
</style>
<center>
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXXZjo_klK3VKBWQuo_lb8VIBPTje7tHFImzsML0QF8hn0Gt6E0iYTcXkI6nlnDbFEi4KX6JIgPRgaeIeoJVdsenZswuS8uzdatPl6CBjo51DnXMiG-6t_Zz5QjNw1i_BEvmTp_SHWx0k/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghHMRYza9kJ6ZGWuoE-WrsLGd52Ucf3fFJcWRDUpn_q-LfQMiyUc-GwjRbXnRK1vCQAiYlZ_N0_dtAOgyuEpNhgjZsPdTmfVdaRMQ0tqeKm2Y5uaQIyHH9ezvyeQ3NfZ7u7IsPVMo2iaM/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijaswONfyp18kRzD2gjCsPcZ5hBq3Szr5bEReU6zUzEfeoP3Jf5On1TpR2Xy3thYEnonePtV3S7PnJ9N06fQxq_uKZwXXu1ie-VXzRRB-wgCg9ZloePidkrVbo2B70e01b97sy_G9RdP8v/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4JwYjZuVt-fZ7xHt5ybmx7AJjOyfdtVGnjBs4dnAUoG5GZfVZB7k1XbX7qBPk3Q9yVfbHVTBeeryZCVbJghjZwxDZhMGkklPsod1dwGvuo3S3gOBLrd9bIrKcsKk6OgykWViN10doiE8/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFbJNUexhcb-HGcMcil9Yv5sT_CKeQZBULx3IQbV7LKtk890KLBVkH39jY4_bDSUSiXOS49aHwBHyUMe5qJ86oIuHiO8bZEl1GfUkyMrFaOiGn2qNlyr7yPRw13mo1P8b8yTUhlFNcI5M/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJ0seSPO-UyvRROPt_4DWQbGMwwqtcJZC_rF5uJr0cuk9ykRMymgBRFlWCXgIEb3kpj62oWi5QL7Nw4co2HkfpLB1NQW_EptOsd769rY_1owtROyT72AwxlK52i3VozdWGB2n_ZlSHdE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<br />
<a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1QkLcniCEMr76YnEcxHAWMpNT6kSwAeee5Yep3Jouf6I3Cwhdk-G09R-qIXgMFG1rHGVbf1Nk2qBH-o9LM_bZAoaHe8o2aoS7XQGnwBPyWNWuXisKCYzSjr0xMfYAhZpkZfWadMQ_ByU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0gCrxS2FMh_V0Ao_7t1cpQXtwq_ogO4hkRm_lA71TyQThI7dIBMyn02kfwPGerkO5lo3XgYVECMjYqH4PFZ2eKHsqEVF8Zi0cC4vLK4PuyvZZvIvjhc6txSnBT65iu5BywmchOfhiYSY/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_RFKCq3CqvyPHwxzwSOL2RKVsKN4v7Gd3XE5jeCFvSUaREXBP_kIhkGhWhUo8UsCK1kPJYFWoZpEoZioRtSyPYSt394KAHH9NMbvdulWalqFRCUGVa0vWFu1NcdqTa84IyyS9CrjoE6ui/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTkU8BA258dhcOoZP5YfnawGp6xCRPXPpWZtiCieeH5HzudTAncqVuYVCT7BM0l1x9joxQEmQ7pmDtFF_6pKnMV8_mbP7Nr8cKqi5UpR7wgREdD-BSkGrAJa5p-ncgUij0Xseaoi3SEls/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMyBAkpw2eNEyZgdn6f4EqrrNmIkQQIWPnbAIGC4wHUYXocI9QMg8A8aZxT4rXhxmjwB2Hvt5ynxUdLc23r6JOhu4JwOz1M3iqCTWMGGtDxIiZ1uUkuZH5B4-rrP4H9EpG78m77jeyb8/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTw8ky1zKlaP4BbD39LwwN-OfYT8XPajBv_Fm90LbDpbjDxt0JGSo88ye7F7mkW0JKOyFESVIffWZMoHlgniqoZYKKN1iIjZxcY9qcQbIqzvTopNjoJK-DEjpBSo5c6HiKYu68axDPxCc/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></
</center> 

5. save

lihat hasilnya sekarang diblog sobat sudah terpasang translate by google.
sekian tunggu tutorial blog berikutnya.

Artikel Terkait


Artikel Terkait


0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates