Memasang Widget Google Translate Pada Blog

Sesuai dengan namanya. Widget ini berfungsi untuk menerjemahkan bahasa yang satu ke bahasa yang lain. Dengan memasang widget ini, maka pengunjung yang berasal dari negara lain juga bisa menikmati konten diblog anda. Selain itu, anda juga bisa memanfaatkan widget ini untuk belajar bahasa asing lho. Menarikkan?

Oke tanpa basa - basi lagi Share-Tuts akan share caranya.

Untuk memasang widget seperti diatas masukkan 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/AVvXsEi8pTfzFcjMhrIhlcp1I9NYJ9nuqIYKMBleQH20_g8Kh8Fm_OQFC-pfRMs0kP26GJvYi_vvFJZ-cBj5CQrnRfwISRtSpj1Kyagd_y_f3QNbD2qf1bdXhPYch_KrjLtL-Ik1g5D2vBNybXMV/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/AVvXsEiLpppB-nDAtLFnAu-lZJ6qWM8vAeCnXtEBHXiPTX-TxrQ3CdNEaMDqDvBWPeEKrXq4qOhdkgsvWTd08AWCw7iGlsBO1TPUjZSr3a4szHcpbQGvt7eBtW6dSpxF1LBhhyoZidZTIqFxt97H/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/AVvXsEiZ3QP_8bS0EWQ0ayxQMZ4d9VBV6t7fVQmDf713_PXstfVWs6OD3ToPWSiTleSBVelAz3-QP8yvnCPA4BTcOdmvXGRC8gFmeQpOlmOPGm5OW7Z3TTLstQ6uRZTnIs9DK1HbGN5eKmdHxA5l/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/AVvXsEiTpeyDYmcMcEFuOVQ3L5jNS7KTaExxhZI-hWbU3LiSZy3dQ6f2DyKQoKhvK7kMR_vOkukPhypO0tQAno0aL31TYE56DeepihkcJwsaONUfaGmMPSSEVZYGLj37-1axDXpotFTiVDuowCMI/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/AVvXsEjXDOZGK3kjRG0BC-SvsGu3yHRBUEpx4-wb-irkKgDTwrmSngdFD1hzOzCryrUxiSpLVHKoL6k67ezuKHaJUv3Vx7DdMF8swI9r42aJRkLxEn-KMP5bC8F5rvS6o6w58DQ-7JZRwp2LpDdQ/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/AVvXsEj3ftXgmbMcrOG9-BwYR3nL9QJb3L5sz4SGyD3yJoJAcnB_1KFGJ5KnCUctu9YKj0QOezEDE5UhFRqVde37b-XRgZ5sCVxfFkWdvnvOhyphenhyphenznCUhcBoW24KwKeEkdVKHcUSxn4JAJDa6Eb5da/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/AVvXsEj584ncUvRi6XqrbfAme3L3TZGsMYfZgWNzHOeT90aXKgUxw66sfTZvpXw_DUH-6sPQk0ziFKsMj4UejJJLnSOy3IWvyx5DlvrrVB97Csm1Xq3dOBtb7eiop4nGYt9cCde-_jtirGGU4sJc/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/AVvXsEi0TEYp4MyotC5GrLIwwCujhBDwu_evQ8rMMVnbBi7JfHYYmVbnFYzlse98UXdib5YnQbnYllW3qfVwCdrV84ubN3ySJ9I8OylR7DNbgmliAJ2vHwGZQnRWE3if3wBmx3h_mGIC5sPero-F/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/AVvXsEid0WS40AOtjWlqus7P0RkAnx6acUhFhR9FHEACRG1vg2Zh6CXu6DC8O_QsQiKtpB1OOijgvU-CAoz_hVCB_7lIgLNL8MWtJbrx_PvkZP-aNElhYVpXBmkh3PxlN0DeLXyJpBLI3ojbT0Tw/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/AVvXsEi51Nt02v4zqcExIf63CuKhrcUOS4rvn-j4Oucz6AaGHwmSI-gNUj1fe3UTAtOEgcWzy3PvLivdXHYySsLcSyJ4bjDerOM7bc1X9vtM77i-DttVQ0UTB6jmxPjOwypZYdBq5k_KRCuyhalS/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/AVvXsEhuE_lJifHt5bHWhA90mPEmUR0N34fKkmY2NZw3y6EDlEKVDO4S0JXcvSreEO4vzxClyrwiFckdg7qc7PiNFbxGTeOMWmgbpBzNokeEsnNbHVMDhTNSKV3XGD4RyJqzLpzkXmcO8qvIsTFU/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/AVvXsEhz4jSye2B9Agw97UWF4zLNlPUQdUVWyYUDsEO5QlQ4Sl7kBeE9RD2Iopr-YiIYiyC7YEBrWlnw_iFizlqaXoCl86khjTfJFcpQIFbQeCtEsN9UYYOTwRLfTCYStkbjdeApC3EcsY0P24Wi/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://www.share-tuts.blogspot.com" target="_blank">Translate Widget</a> by Google
</div></div>

Dan untuk seperti yang diatas silahkan copy 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/AVvXsEi8pTfzFcjMhrIhlcp1I9NYJ9nuqIYKMBleQH20_g8Kh8Fm_OQFC-pfRMs0kP26GJvYi_vvFJZ-cBj5CQrnRfwISRtSpj1Kyagd_y_f3QNbD2qf1bdXhPYch_KrjLtL-Ik1g5D2vBNybXMV/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/AVvXsEiLpppB-nDAtLFnAu-lZJ6qWM8vAeCnXtEBHXiPTX-TxrQ3CdNEaMDqDvBWPeEKrXq4qOhdkgsvWTd08AWCw7iGlsBO1TPUjZSr3a4szHcpbQGvt7eBtW6dSpxF1LBhhyoZidZTIqFxt97H/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/AVvXsEiZ3QP_8bS0EWQ0ayxQMZ4d9VBV6t7fVQmDf713_PXstfVWs6OD3ToPWSiTleSBVelAz3-QP8yvnCPA4BTcOdmvXGRC8gFmeQpOlmOPGm5OW7Z3TTLstQ6uRZTnIs9DK1HbGN5eKmdHxA5l/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/AVvXsEiTpeyDYmcMcEFuOVQ3L5jNS7KTaExxhZI-hWbU3LiSZy3dQ6f2DyKQoKhvK7kMR_vOkukPhypO0tQAno0aL31TYE56DeepihkcJwsaONUfaGmMPSSEVZYGLj37-1axDXpotFTiVDuowCMI/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/AVvXsEjXDOZGK3kjRG0BC-SvsGu3yHRBUEpx4-wb-irkKgDTwrmSngdFD1hzOzCryrUxiSpLVHKoL6k67ezuKHaJUv3Vx7DdMF8swI9r42aJRkLxEn-KMP5bC8F5rvS6o6w58DQ-7JZRwp2LpDdQ/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/AVvXsEj3ftXgmbMcrOG9-BwYR3nL9QJb3L5sz4SGyD3yJoJAcnB_1KFGJ5KnCUctu9YKj0QOezEDE5UhFRqVde37b-XRgZ5sCVxfFkWdvnvOhyphenhyphenznCUhcBoW24KwKeEkdVKHcUSxn4JAJDa6Eb5da/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/AVvXsEj584ncUvRi6XqrbfAme3L3TZGsMYfZgWNzHOeT90aXKgUxw66sfTZvpXw_DUH-6sPQk0ziFKsMj4UejJJLnSOy3IWvyx5DlvrrVB97Csm1Xq3dOBtb7eiop4nGYt9cCde-_jtirGGU4sJc/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/AVvXsEi0TEYp4MyotC5GrLIwwCujhBDwu_evQ8rMMVnbBi7JfHYYmVbnFYzlse98UXdib5YnQbnYllW3qfVwCdrV84ubN3ySJ9I8OylR7DNbgmliAJ2vHwGZQnRWE3if3wBmx3h_mGIC5sPero-F/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/AVvXsEid0WS40AOtjWlqus7P0RkAnx6acUhFhR9FHEACRG1vg2Zh6CXu6DC8O_QsQiKtpB1OOijgvU-CAoz_hVCB_7lIgLNL8MWtJbrx_PvkZP-aNElhYVpXBmkh3PxlN0DeLXyJpBLI3ojbT0Tw/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/AVvXsEi51Nt02v4zqcExIf63CuKhrcUOS4rvn-j4Oucz6AaGHwmSI-gNUj1fe3UTAtOEgcWzy3PvLivdXHYySsLcSyJ4bjDerOM7bc1X9vtM77i-DttVQ0UTB6jmxPjOwypZYdBq5k_KRCuyhalS/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/AVvXsEhuE_lJifHt5bHWhA90mPEmUR0N34fKkmY2NZw3y6EDlEKVDO4S0JXcvSreEO4vzxClyrwiFckdg7qc7PiNFbxGTeOMWmgbpBzNokeEsnNbHVMDhTNSKV3XGD4RyJqzLpzkXmcO8qvIsTFU/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/AVvXsEhz4jSye2B9Agw97UWF4zLNlPUQdUVWyYUDsEO5QlQ4Sl7kBeE9RD2Iopr-YiIYiyC7YEBrWlnw_iFizlqaXoCl86khjTfJFcpQIFbQeCtEsN9UYYOTwRLfTCYStkbjdeApC3EcsY0P24Wi/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://www.share-tuts.blogspot.com" target="_blank">Translate Widget</a> by Google
</div></div>

1. Langkah Pertama sudah dilakukan yaitu mengcopy kode widget
2. Pergi ke Tata Letak
3. Pilih Tambah Gadget/Widget
4. Masukkan kode yang tadi dicopy 
5. Lalu klik Save

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.

Oke sobat Share-Tuts gimana tutorialnya. Kalau berguna sobat Share-Tuts bisa share tutorial ini atau like postingan ini dengan cara klik like / send button facebook.

Anda sedang membaca artikel tentang Memasang Widget Google Translate Pada Blog dan anda bisa menemukan artikel Memasang Widget Google Translate Pada Blog ini dengan url http://share-tuts.blogspot.com/2012/10/memasang-widget-google-translate-pada.html. Anda boleh menyebarluaskan atau mengcopy artikel Memasang Widget Google Translate Pada Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :