Text Resizer: Click for Resizer Memang
fitur-fitur google tuh memang menarik salah satunya fitur translate
ini.Fitur ini digunakan untuk menerjemahkan bahasa, tergantung bahasa
yang mau diterjemahkan fitur ini bagus sekali kuq,bagi pengunjung yang
mampir ke blog kita tapi tak tahu bahasa kita tinggal mengklik traslate
lalu tampillah terjemahan bahasa yang ia inginkan.Lalu Apakah bisa
blog kita diberikan widget yang satu ini? Bisa kuq malah kita akan
membuat widget yang satu ini unik sehingga membuat bagus tampilan blog
kita mari kita coba bersama-sama yach.
Inilah contoh Widget yang akan kita buat bersama-sama seperti gambar berikut:
Bagaimana Tertarik Kalo gitu mari kita belajar membuatnya sama-sama :
.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.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<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/AVvXsEiByHd76m1lBmwoZpFcWu7lzBOMgeaz5XhLAutw6KRbUl4Mt0dzgmXrSmDsvSYu1kPce5NwOWScXjMhQjr2qPXrOHMG1PQbLFH2l_wLYeMxsTEny0PRGjHMmFqH0u-Esgjxfq27KNOJAmM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhDnNPNofBCk181tXrjAE7NHAdGkXY5_rCdYXSd-FgEDNJXe9oXtEfjbu-EjHqtbKP61ZvgRXFvx4CFla-IqMiCApwui537oWV932HOo_Qg8Xdqo1QHZTQ41gP2mSmpP4-FNKRzIvIlW50/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEi-3qftqNpohasBmUrc27mQBxAFSI-fMtQwKQN0sN6nSK7eC4etxmxd3UywrTdH0tH_eaPkLyQGqpY8XnmNhsw5LcPAxI_58hGa9y9pWPSehvqhPFVjcE1MVv_d7mnysZO9VZJYQA7nRt8I/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiVvk8nIhSnwqix8lDcPivZPZqTdB0tde62u8jmRPJYB74ZYnDX8XNINtHYg_0qnlBVpZG4VONkPqpkSSrHTX4pNNkKNxnMT66jdutQh3SJyGFyuKJ3oHka6zRunT3FussdFeEuYph4lhiR/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEijNxMioXxffPZyfeFhJjwqVPut7QGgsEXu54eBJDt9R7RD5mYJ09CTSRzHgE3bl8RxtozNbu6gGNSHiqn4rbsKLPPTdkC4JngXe_RRnErkxfBofo4NhZO5olEwPIYkq78-TE_xy6JQLBk/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEgtvHHMDcUFP3Hm-fWmXFev293hbltUBsxdNvIqg5-1no237loRtaMImE4dmZgMxr93LLL54_hKPIzFoHubad5JS1-dwOuNN-YR1Z31alEp1Tyxusfa_0nICDj0KDhWOb-gEAG2z5YRciA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><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/AVvXsEhsthIIYEBIWKa4lcFMTpF_gp7fuSw2yGkX5GSQKAJfz-LV_kaFmKYwhRTINff2duLDZERlYaqzGsz0tjgmVwmKCdroxgG6PzMqjoEOQHHedcHh-k7oRM_drMFAOlz8WGe7qk_scHkj8TU/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhhOfYY51A_cxe9vLnWZksD5rLF-iwcmiWbh1NxvKWKyaWyKXjv_8lHki_hLelbZ480kE2znzBwOZfPzvk0tHYJ6yYqddg-fTnoXO4yHXiLq0F6dI2K8blAkizXDFCQRpQmmhjFUkCGYfM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhTHlMyMWDZQnxhf-C1GFkaIOMUmXkGY1eaecdbzf11bSIDF7FGX37Y0eZ0RmKVE_MTo6tGeTaUTSbE7m7lzAqt3mjJMbuVb9tvwPGnOeeXb2t0RQQjIzHWSZYXgNW3X-nP3OtZWtmq4mZj/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhYT3ZMJY4iJ6S-9fyMUrCjYP7cGGuhlQ9kOYyc0BX_Xirw48xEePzI_daxaOShguHglsxZ2RobgS2cL9SwUXAGb0UiO2r1SUivqVfU7y7-ajdDyt_f0CtVlk-4ygPVMWeXUAhMocZvSfE/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhxaANtAfiAaDYXH_Tww5gKqWTzmb6v-Dgv5-js19TK7hU8y_aVdFT7sQOIChKP0MBZ0OwIo0OXjhPZwPcMEoyF0IpL-vEq4zGEcp4B3038Y2e2ap_YeM9Mc856EpOQyawmdo2cBG4BsDY/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiUtwKm6cspuhpH56STs_A8FSSD0vikYRDgc1Rzxv1ZFtYX64kZkvKYf-xeryNWfBol6G_LUmyDRGMI57t276kWiFfZYeFXO07dLXMDTL9XwKu3zqhialJ0mX_U0E2nFlV5Kokgg2ajGNs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
by : <a href=http://yans20.blogspot.com/2011/12/memasang-widget-google-translate-pada.html>Ryan</a>
</div>
Inilah contoh Widget yang akan kita buat bersama-sama seperti gambar berikut:
Bagaimana Tertarik Kalo gitu mari kita belajar membuatnya sama-sama :
- Silahkan login ke blogger dengan ID anda
- Klik Rancangan kemudian Pilih Elemen Halaman
- Klik Tambah Gadget
- Klik tanda plus (+) untuk HTML/Javascript
- Copy paste kode google translate ke dalam kolom yang tersedia
.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.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<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/AVvXsEiByHd76m1lBmwoZpFcWu7lzBOMgeaz5XhLAutw6KRbUl4Mt0dzgmXrSmDsvSYu1kPce5NwOWScXjMhQjr2qPXrOHMG1PQbLFH2l_wLYeMxsTEny0PRGjHMmFqH0u-Esgjxfq27KNOJAmM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhDnNPNofBCk181tXrjAE7NHAdGkXY5_rCdYXSd-FgEDNJXe9oXtEfjbu-EjHqtbKP61ZvgRXFvx4CFla-IqMiCApwui537oWV932HOo_Qg8Xdqo1QHZTQ41gP2mSmpP4-FNKRzIvIlW50/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEi-3qftqNpohasBmUrc27mQBxAFSI-fMtQwKQN0sN6nSK7eC4etxmxd3UywrTdH0tH_eaPkLyQGqpY8XnmNhsw5LcPAxI_58hGa9y9pWPSehvqhPFVjcE1MVv_d7mnysZO9VZJYQA7nRt8I/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiVvk8nIhSnwqix8lDcPivZPZqTdB0tde62u8jmRPJYB74ZYnDX8XNINtHYg_0qnlBVpZG4VONkPqpkSSrHTX4pNNkKNxnMT66jdutQh3SJyGFyuKJ3oHka6zRunT3FussdFeEuYph4lhiR/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEijNxMioXxffPZyfeFhJjwqVPut7QGgsEXu54eBJDt9R7RD5mYJ09CTSRzHgE3bl8RxtozNbu6gGNSHiqn4rbsKLPPTdkC4JngXe_RRnErkxfBofo4NhZO5olEwPIYkq78-TE_xy6JQLBk/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEgtvHHMDcUFP3Hm-fWmXFev293hbltUBsxdNvIqg5-1no237loRtaMImE4dmZgMxr93LLL54_hKPIzFoHubad5JS1-dwOuNN-YR1Z31alEp1Tyxusfa_0nICDj0KDhWOb-gEAG2z5YRciA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><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/AVvXsEhsthIIYEBIWKa4lcFMTpF_gp7fuSw2yGkX5GSQKAJfz-LV_kaFmKYwhRTINff2duLDZERlYaqzGsz0tjgmVwmKCdroxgG6PzMqjoEOQHHedcHh-k7oRM_drMFAOlz8WGe7qk_scHkj8TU/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhhOfYY51A_cxe9vLnWZksD5rLF-iwcmiWbh1NxvKWKyaWyKXjv_8lHki_hLelbZ480kE2znzBwOZfPzvk0tHYJ6yYqddg-fTnoXO4yHXiLq0F6dI2K8blAkizXDFCQRpQmmhjFUkCGYfM/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhTHlMyMWDZQnxhf-C1GFkaIOMUmXkGY1eaecdbzf11bSIDF7FGX37Y0eZ0RmKVE_MTo6tGeTaUTSbE7m7lzAqt3mjJMbuVb9tvwPGnOeeXb2t0RQQjIzHWSZYXgNW3X-nP3OtZWtmq4mZj/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhYT3ZMJY4iJ6S-9fyMUrCjYP7cGGuhlQ9kOYyc0BX_Xirw48xEePzI_daxaOShguHglsxZ2RobgS2cL9SwUXAGb0UiO2r1SUivqVfU7y7-ajdDyt_f0CtVlk-4ygPVMWeXUAhMocZvSfE/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEhxaANtAfiAaDYXH_Tww5gKqWTzmb6v-Dgv5-js19TK7hU8y_aVdFT7sQOIChKP0MBZ0OwIo0OXjhPZwPcMEoyF0IpL-vEq4zGEcp4B3038Y2e2ap_YeM9Mc856EpOQyawmdo2cBG4BsDY/?imgmax=800" style="cursor: pointer;margin-right:10px" 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/AVvXsEiUtwKm6cspuhpH56STs_A8FSSD0vikYRDgc1Rzxv1ZFtYX64kZkvKYf-xeryNWfBol6G_LUmyDRGMI57t276kWiFfZYeFXO07dLXMDTL9XwKu3zqhialJ0mX_U0E2nFlV5Kokgg2ajGNs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
by : <a href=http://yans20.blogspot.com/2011/12/memasang-widget-google-translate-pada.html>Ryan</a>
</div>
0 komentar:
Posting Komentar