Cara Pasang Widget Google Translate Pada Blog

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat widget google translate pada blogspot.

Contohnya seperti ini :

Cara Pasang Widget Google Translate pada Blogspot 

• Login pada Blogger 
• Setelah berada di Dashbore 
• Masuk mode Rancangan 
• Pada Elemen Laman
• Pilih Tambah Gadget
• Pilih HTML/Javascript
• Masukan kode berikut.

Untuk Google Translate 2 baris, gunakan kode 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/AVvXsEim3jNk-ieSumOaCdUW1gOkVUIu3Kuvc1po-R8lMyftQd_HwgZU5kejhXNVnO3drJDOMX6fmExv7B1_Eu-l74OJhHeKNfV6JE8n6OCt2sb5gjnb5oJ2lhD63Wj4SLxBS0jiBsbGfPzK4f85/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/AVvXsEjpJa3tfgewRk8szxDUnQ-II1vgAQJy-hY71ujVeywwhMfvbH8S8JVANTn3PahU6ccwhIIFOY3n4563y5B7rsB3X4KcXWdPU2Q0aJCf5diJdRtzARR5Pu1PJ4m1COb6zWGoqN2Vwd36wa6m/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/AVvXsEhcuZVzWVtjRBLbNgSHKXoX22nrD2ZVf63igaGEovnNYrrDOMrNs-BdfQgKPwvAGBvi2BndSDIWGNILyHHcY5TWiT63EnT7bPZKuuVZltWQc4vTpmLQed9Kp2z-bjzt67yyzDlVrZbfl-A6/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/AVvXsEjDKWjyG_atp7mt1MQ-Ew5zyUpH2OgUZ1XbZipLon95RXh3dT6iPaW4MoIoupf0HHzEoukpn9i2U8pGYFErk516arE0BGsdBTRFX5OFPIQTECdG6JAzwz64HdTiA2ghcp1-vfFnW13EfZ8E/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMi38HAMQBvmwdTYa8BoraFDDS7aLM6YLvMSPWc-eq31nSxqNZ6EsmIXSxux9Y8FICniMtEJSquW1xAqwEKkTMi9TJYfelSm8gFrJohE3Yg7hfC-HYCcPh8qp_GVNkqQpGa-im1mNUwkst/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/AVvXsEiGgcMkR7U9_Gcm3pDv5fX78w3c5mVUwZexwqw8sLOF-U04kPUxooO2wSf0AdklZ_k2zD9sMgbGfV8BaP8iQFO6ZTb0HVYZE-FS7el4dqqz36sWQkU6AiRDF1tD5nHxrcFfXKze3uuOLvGN/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<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/AVvXsEineekv6CqZxBDpY_Tzg3Fi65D7GF6s15Ek9B29o6SXw2g-VTTlW7lF2WQwi2wcLhfAjO-CGxuqzBnd_oF_xGehiBM0hWRVFsp64Ird12570nH2A64-IEeQv1RAPffrO22XvOv7UpdYJb6e/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/AVvXsEiPC-CPdPZwj2q-2bAUuWW93FHtFuoDevoxflWA9_ojSC6l5nxOYYgrxA6UYkR1ynpplrZl5VGT0LKecDEkj-NsCXwS_PKYwe6MDCBSfhYxfd_wnWEkmsuITIfbGVOPOTuKJPM2e5xYgDVu/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEfjlJVak5-Y4XLGIvhDLpDaY34UtkIZU1ySdXD9Q-y2ZraCcG-pb-XLbyGl0LP35zRjoVpWdRGUv9q_lhvc_3gpJ55nHoamJWDyNUFnxEqKaOKDdlj3DQ68Sbu3Y3ffOOocqZ9_9lexrE/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/AVvXsEjhK3sRUpbovwyd1pU2crXprhEUIpaXmwLgDLTtg_Ls06mJ0uEp0qpVNxw3d2RuZo2hWY_SApAA1G8LN4ZRMNfDxE-QlKa1hB_gNxJd_jU-HDNWK_J8B2uYFqkk89kQTLNF3p6-cGlMnsCV/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/AVvXsEhFcbiEMcD73QekQ7mYMb7LEBTPq4unpC_xuyPwZ_79pegGnTdRxZL66COqmsl5Lfp3fBWaQjWsQomaNdv31_KEVf-0UNAur8sHlE6CrDIlc_NuYxaH4grfRyKcRLIKhpeCAenPCx5r24t2/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/AVvXsEgy-KNTBXplN697lszPxVapkqObDFFXtqoo3OSZ0q1NUgBZrMKYBvxb6sRIrRGoWlzNiyMxDY2RcLk8ne66rUXrk0yz9VpbxiX7ynU9I4UE2hS1zlaOz1t79bNS2NuAEnhjpNaxRP2or3Wc/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://blogtutorials-01.blogspot.com/2012/04/cara-pasang-widget-google-translate.html" target="_blank">Translate Widget</a> by Google
</div></div>

Untuk Google Translate 3 baris, gunakan kode 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/AVvXsEim3jNk-ieSumOaCdUW1gOkVUIu3Kuvc1po-R8lMyftQd_HwgZU5kejhXNVnO3drJDOMX6fmExv7B1_Eu-l74OJhHeKNfV6JE8n6OCt2sb5gjnb5oJ2lhD63Wj4SLxBS0jiBsbGfPzK4f85/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/AVvXsEjpJa3tfgewRk8szxDUnQ-II1vgAQJy-hY71ujVeywwhMfvbH8S8JVANTn3PahU6ccwhIIFOY3n4563y5B7rsB3X4KcXWdPU2Q0aJCf5diJdRtzARR5Pu1PJ4m1COb6zWGoqN2Vwd36wa6m/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/AVvXsEhcuZVzWVtjRBLbNgSHKXoX22nrD2ZVf63igaGEovnNYrrDOMrNs-BdfQgKPwvAGBvi2BndSDIWGNILyHHcY5TWiT63EnT7bPZKuuVZltWQc4vTpmLQed9Kp2z-bjzt67yyzDlVrZbfl-A6/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/AVvXsEjDKWjyG_atp7mt1MQ-Ew5zyUpH2OgUZ1XbZipLon95RXh3dT6iPaW4MoIoupf0HHzEoukpn9i2U8pGYFErk516arE0BGsdBTRFX5OFPIQTECdG6JAzwz64HdTiA2ghcp1-vfFnW13EfZ8E/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/AVvXsEhMi38HAMQBvmwdTYa8BoraFDDS7aLM6YLvMSPWc-eq31nSxqNZ6EsmIXSxux9Y8FICniMtEJSquW1xAqwEKkTMi9TJYfelSm8gFrJohE3Yg7hfC-HYCcPh8qp_GVNkqQpGa-im1mNUwkst/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/AVvXsEiGgcMkR7U9_Gcm3pDv5fX78w3c5mVUwZexwqw8sLOF-U04kPUxooO2wSf0AdklZ_k2zD9sMgbGfV8BaP8iQFO6ZTb0HVYZE-FS7el4dqqz36sWQkU6AiRDF1tD5nHxrcFfXKze3uuOLvGN/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/AVvXsEineekv6CqZxBDpY_Tzg3Fi65D7GF6s15Ek9B29o6SXw2g-VTTlW7lF2WQwi2wcLhfAjO-CGxuqzBnd_oF_xGehiBM0hWRVFsp64Ird12570nH2A64-IEeQv1RAPffrO22XvOv7UpdYJb6e/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/AVvXsEiPC-CPdPZwj2q-2bAUuWW93FHtFuoDevoxflWA9_ojSC6l5nxOYYgrxA6UYkR1ynpplrZl5VGT0LKecDEkj-NsCXwS_PKYwe6MDCBSfhYxfd_wnWEkmsuITIfbGVOPOTuKJPM2e5xYgDVu/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/AVvXsEjEfjlJVak5-Y4XLGIvhDLpDaY34UtkIZU1ySdXD9Q-y2ZraCcG-pb-XLbyGl0LP35zRjoVpWdRGUv9q_lhvc_3gpJ55nHoamJWDyNUFnxEqKaOKDdlj3DQ68Sbu3Y3ffOOocqZ9_9lexrE/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/AVvXsEjhK3sRUpbovwyd1pU2crXprhEUIpaXmwLgDLTtg_Ls06mJ0uEp0qpVNxw3d2RuZo2hWY_SApAA1G8LN4ZRMNfDxE-QlKa1hB_gNxJd_jU-HDNWK_J8B2uYFqkk89kQTLNF3p6-cGlMnsCV/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/AVvXsEhFcbiEMcD73QekQ7mYMb7LEBTPq4unpC_xuyPwZ_79pegGnTdRxZL66COqmsl5Lfp3fBWaQjWsQomaNdv31_KEVf-0UNAur8sHlE6CrDIlc_NuYxaH4grfRyKcRLIKhpeCAenPCx5r24t2/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/AVvXsEgy-KNTBXplN697lszPxVapkqObDFFXtqoo3OSZ0q1NUgBZrMKYBvxb6sRIrRGoWlzNiyMxDY2RcLk8ne66rUXrk0yz9VpbxiX7ynU9I4UE2hS1zlaOz1t79bNS2NuAEnhjpNaxRP2or3Wc/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://blogtutorials-01.blogspot.com/2012/04/cara-pasang-widget-google-translate.html" target="_blank">Translate Widget</a> by Google
</div></div>

• Jika sudah, Simpan

Jika anda merasa letaknya kurang pas dengan kolom sidebar anda. Anda bisa menyesuaikan jaraknya dengan mengganti nilai 0 pada padding-left. Semakin tinggi nilainya semakin lebar jaraknya. Dan jika anda ingin mengganti icon benderanya dengan icon lain. Silahkan ganti tulisan bewarna merah dengan alamat url icon anda.

Demikian blogger tutorial mengenai Cara Pasang Gadget Google Translate Di Blogspot.

Semoga bermanfaat dan semoga berhasil

Terima Kasih ^_^