Pada kesempata kali ini saya akan mengajak anda untuk membuat sebuat widget translator di blog agar pengujung dari luar bisa mentranslate bahasa blog yang kita gunakan agar bisa mereka mengerti. Tutorial ini saya dapatkan di Creatingwebsite-maskolis. Baik, mari kita langsung saja praktek untuk membuatnya.
1. Login ke akun blogger anda
2. Klik tab Tata Letak
3. Selanjutnya klik tab Element
4. Lalu klik Add a Gadget
5. Setelah itu pilih HTML/JavaScript, kemudia Copy-Paste kode di bawah ini.
6. Setelah anda Copy-Paste kode di bawah ini kemudia klik Save. (jangan lupas kasih nama untuk widgetnya.) :D
Untuk Tampilahnya :
Copy Code ini :
<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.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/AVvXsEjuJRx1v-C6QaoAmEk2hjgJ98mC0_EBCKUL84-ok1aDxUDbF14esAZrZYFZq5FWmv3oCkbtPmQpnfM29Im2TLyDy1hy8Im9vFOeF8Wt08IF5-lqrkK2LqT4U5k2PEhZsx6MT7MaGgPa3-0/?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/AVvXsEjXXVr_8Zf2xH7v31TV0nP0x6UZ8QmDmXSWf3yBO4xY6VybA2Gl2fmStAvS0xxrPYzyFJof2tppHo20NL_OrzxJBskYz1h7-UH9IpYIt8tPrOiSln7_UAO74xhxrSt9DKG7SgMneK1ytBg/?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/AVvXsEiuF8Df9CrhBq-h4hBztDvk8PBm5wCX6fx__5KEV1Sv_i0IsfoMd2DORoEUrOhjjUnWs1qi-HHs4bffelWbJn2nWjsuU_pWFbM6LIaKSDqHS2o9gAB60p9fz3IL-OmL4qySnpRXg4Bpqj8j/?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/AVvXsEgUJ2UoUl6UjWxT-KhA3RQTDnY_i102s6MqTAOZKBshczISTns8J57wpt74FV28B_jPeLQUI9CwzGFmhXRATBdk2XI4IsViIsQdtxuGvlZmwzV4J0fczIs5jxINEfSTc7RdCwifNjKjM4Xp/?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/AVvXsEjNizqkEd0tkPw3HOfRfz5Mi1udAuCaBTq_LFT_GnuUKmDq2-PjoVkB-UVwP7dphtGnhV7JU6Ov8wSAL0QwS7g3Iddz70F3Q8UxUqIYgPaYRDEE31mTcsJD9SWCHFbvVODxUXnDqJ3-yL4/?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/AVvXsEjcp4oQh5VkAdDHijYYRg_LmU6g7RZtm87OzmZRSWP3kQWOJBQIOXAOwk6dxVJGc66fkJtQ3xNY8mDyrE7Dk10tYPq1L4z0idZrm87vYs7eqkI3B0jhyPIWxHIwUdBMTA0U4aA7T_h3rok/?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/AVvXsEjq_tt8AVoH4lVMbkwAFMrLyK1bhZyvLaWpeRURzexjc8v-hAEkPWICJNPOaZQcC3R6JeV7iytZDoCZx2QTY4YeeUVtwJEi_mK3hRKlB7DqC3UpEQFF1dkQYxcpDfN5WT5JSAzVY5KWl98/?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/AVvXsEjEVmVAj1Mnh_bL2nW7cSo823QzePfO2IjIWArtS1WZva7BM76ZCNJp0Ac9JWtfOT4rlyVxDjyM13mahJfgyid40AvjSRGxbUZsof5l7mR63B2BVM01iDj0PXbh91k8lqGh0qzm9ph45k8/?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/AVvXsEiBfebIMIAUouo1BmO789RMbY1NKGNjVDTIGI9EJCam4DtsJJkov_7riYp7dW-MjFFZrF5lF64vFfuZh9uofyXi2WAOZB14e8gHmf8qgm4sMilsJAsOD8ohiv-oe_JG5j-tXiZJ_zM1HaHJ/?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/AVvXsEhoRrZ_uxiAlg9aJ1KBn1C4GXYoSuJ61YvJw5fDaMczyVb0vwU8kw8euNZwW52wOzDheD4SAwokoefl0xrLxqVoi9WErRAcFaDD3_HFOyosCnkPqaLwKU6pyjdpji4kiRM3te39AF4vWQ8/?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/AVvXsEj5vBnzgLdzL3u1Q9AOjNolZ1ZCGRuNSnvqBA6a2IbHoZ32pi3sN5uui-NL_cBe26GmMCPeLWPkja-LkhNn7MGrFEj9EsCcbyBEd-t-YWmTxJzA5rE61L1ohrNUYp9P3aPKKwu_9RRCLUk/?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/AVvXsEhWx2aAhnEX3hOzZUfGX7cIEK38fKhf-lzeNC_AGD01DvL07BAOUtmkSMPShH3j0sSgGdjXcPyNYTt6eat96HXroNx6vFUep8Y6xKFZMU9rCBMCXyFHTDRWerDnnhg2KxC_h1oE_SAGfcM/?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://www.blogspottutorial.com/>BTF</a>
</div>
.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/AVvXsEjuJRx1v-C6QaoAmEk2hjgJ98mC0_EBCKUL84-ok1aDxUDbF14esAZrZYFZq5FWmv3oCkbtPmQpnfM29Im2TLyDy1hy8Im9vFOeF8Wt08IF5-lqrkK2LqT4U5k2PEhZsx6MT7MaGgPa3-0/?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/AVvXsEjXXVr_8Zf2xH7v31TV0nP0x6UZ8QmDmXSWf3yBO4xY6VybA2Gl2fmStAvS0xxrPYzyFJof2tppHo20NL_OrzxJBskYz1h7-UH9IpYIt8tPrOiSln7_UAO74xhxrSt9DKG7SgMneK1ytBg/?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/AVvXsEiuF8Df9CrhBq-h4hBztDvk8PBm5wCX6fx__5KEV1Sv_i0IsfoMd2DORoEUrOhjjUnWs1qi-HHs4bffelWbJn2nWjsuU_pWFbM6LIaKSDqHS2o9gAB60p9fz3IL-OmL4qySnpRXg4Bpqj8j/?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/AVvXsEgUJ2UoUl6UjWxT-KhA3RQTDnY_i102s6MqTAOZKBshczISTns8J57wpt74FV28B_jPeLQUI9CwzGFmhXRATBdk2XI4IsViIsQdtxuGvlZmwzV4J0fczIs5jxINEfSTc7RdCwifNjKjM4Xp/?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/AVvXsEjNizqkEd0tkPw3HOfRfz5Mi1udAuCaBTq_LFT_GnuUKmDq2-PjoVkB-UVwP7dphtGnhV7JU6Ov8wSAL0QwS7g3Iddz70F3Q8UxUqIYgPaYRDEE31mTcsJD9SWCHFbvVODxUXnDqJ3-yL4/?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/AVvXsEjcp4oQh5VkAdDHijYYRg_LmU6g7RZtm87OzmZRSWP3kQWOJBQIOXAOwk6dxVJGc66fkJtQ3xNY8mDyrE7Dk10tYPq1L4z0idZrm87vYs7eqkI3B0jhyPIWxHIwUdBMTA0U4aA7T_h3rok/?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/AVvXsEjq_tt8AVoH4lVMbkwAFMrLyK1bhZyvLaWpeRURzexjc8v-hAEkPWICJNPOaZQcC3R6JeV7iytZDoCZx2QTY4YeeUVtwJEi_mK3hRKlB7DqC3UpEQFF1dkQYxcpDfN5WT5JSAzVY5KWl98/?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/AVvXsEjEVmVAj1Mnh_bL2nW7cSo823QzePfO2IjIWArtS1WZva7BM76ZCNJp0Ac9JWtfOT4rlyVxDjyM13mahJfgyid40AvjSRGxbUZsof5l7mR63B2BVM01iDj0PXbh91k8lqGh0qzm9ph45k8/?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/AVvXsEiBfebIMIAUouo1BmO789RMbY1NKGNjVDTIGI9EJCam4DtsJJkov_7riYp7dW-MjFFZrF5lF64vFfuZh9uofyXi2WAOZB14e8gHmf8qgm4sMilsJAsOD8ohiv-oe_JG5j-tXiZJ_zM1HaHJ/?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/AVvXsEhoRrZ_uxiAlg9aJ1KBn1C4GXYoSuJ61YvJw5fDaMczyVb0vwU8kw8euNZwW52wOzDheD4SAwokoefl0xrLxqVoi9WErRAcFaDD3_HFOyosCnkPqaLwKU6pyjdpji4kiRM3te39AF4vWQ8/?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/AVvXsEj5vBnzgLdzL3u1Q9AOjNolZ1ZCGRuNSnvqBA6a2IbHoZ32pi3sN5uui-NL_cBe26GmMCPeLWPkja-LkhNn7MGrFEj9EsCcbyBEd-t-YWmTxJzA5rE61L1ohrNUYp9P3aPKKwu_9RRCLUk/?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/AVvXsEhWx2aAhnEX3hOzZUfGX7cIEK38fKhf-lzeNC_AGD01DvL07BAOUtmkSMPShH3j0sSgGdjXcPyNYTt6eat96HXroNx6vFUep8Y6xKFZMU9rCBMCXyFHTDRWerDnnhg2KxC_h1oE_SAGfcM/?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://www.blogspottutorial.com/>BTF</a>
</div>
Widget ini bisa anda letakkan di mana saja, sesuai dengan selera anda. Semoga tutorial kali ini bermanfaat buat anda semua.

0 comments:
Post a Comment