Menampilkan widget Trasnlator pada Blogger | Tips & Trick

Dalam sore yang dingin ini (karena hujan..hehehe..).. akhirnya saya dapat kembali mengupdate blog saya. Setelah lebih dari 3minggu gak update blog karena ada UAS di kampus n masih banyak hal lain..(sok sibuk) hehehe.. Kali ini saya akan share tentang tips membuat widget translator seperti yang ada di blog saya ini karena kemaren ada sobat blogger yang yang tanya juga.. Langsung aja yach..

Begini nich caranya :

1. Buka akun blog Anda
2. Lalu pilih Design
3. Nach.. pada halaman Design pilih "Add a Gadget"
4. Setelah itu pilih HTML/JavaScript
5. Lalu pilih Edit pada gadget tersebut
6. Kemudian beri nama sesuai keinginan Anda dan masukkan code dibawah ini :

<center>

<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/AVvXsEhbb8Ygy0f2O7BlFe_JPZKShhvJ3eyOb8yf2R8f3ySdox89jM5EsJ7vXdp3wA_sJeeu2XVQYIvT1gqm1eVoIwB4THSYvsPezazOUqLaHQmdVs6ZgVNBLOqhVhU6lodK3IKkgRewvgZp1Z9m/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/AVvXsEiXcnT_xgjTCEWqh0fKydHIhyFPeVimeCOmI-eeMIC5PBR-Xe_suJjkNogYj7OrCe_QvDhSIZiZpRcH3ptjXpEne4odAfpB7RGwzGsdzTuRC23HF4M1cU6NFmFI0q-ic01ymCkkZW2uGuPw/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/AVvXsEgfSgdMWapN_WCT1WPSMQAOZ373t6orHEuXd_6y4u8HclnUUCd_VJ4UtrKVSrIKXaXCVjotxsouJA0bikxtvxVj7P8nWqB_WIqWrB2F4Z5bF5mlh2cTWYLjp0URlZSVq3l5_GTkPOhcRJGE/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/AVvXsEj86bv-ECZ1UxwqsujbkpGLW9TmLotp6xk2YH2sIHjp90c6n2jIJBzqF2rC927eYgHYch1drWfnnMaij1VIx3vpgsn9jPWn9FkTGclgGChhw_jhJ3UnCd1yphUkSJC_08BbQPwssMvbksBB/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/AVvXsEiD077l4iynNgbs8PNsiYtlgTimMwff1pdmQChHqlFZIs8xGQJb6bibCihbiGIvOsHrttKMdE3q2g43B3PSv8ViTGe24ybNFfg1mmPqKxErvoskt15rEuC0N40GQHO5xkHCUgg02gkav-9x/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/AVvXsEgBJompCf2mzk7YfQa7L1CHh78DAjVzOATyLnydTDuo6dDN2Ry7raQVTd6L9-6LimZvI20TAqYsFUEVj4FT3n3S3of1uQTFQKfRzAUVLDkWPHj9WPZ37nm-caOj3AZSHgzf-qQ6vvHELxS1/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/AVvXsEg4w-OhX773nJS82uqI0t2CQoRmhAmwyqIKIldDnqg8Rw5fW_tnbTLds_Fl3qU2dhM4Stj9-VI4oiUaSJmSTtMC80ov36ESNXaUZvoK9PyhDq-FqqcCKBB5NT0I2Xuak4Ib7Guzw-G9UEoL/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/AVvXsEgd3crytEC7zVcKMrBJWu-_2Oq7gcCCb-r1qwipyRZXzwiWewo7eMdNo5waawY2TSfMOdbGGG_hXkmzwcwtqmRkIGH32yFybnR1N1KmYqQbNPXq4vsRLrsZ8dnoPPzG9eHAuv3GIajXQSf-/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/AVvXsEhFzzG0Q-cLdwxP0n082k97_j5AaeQpEU1Xgqx6qR986U_V7YH2LTnqCemjDSi9EUBU6-lxSR6qvzqL3y3ZDYfjvKWBnzpZNdrfym_elFhHbHTgQR1VDrc9ge6NYQ8OXUUpUzLhdE8v0WyW/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/AVvXsEjkDj9tIqPI6G_0FNabXtzjcc3Fu31HwWL_iMvVtAGbA-fWHmaWPsytAnhcmY1xL4SooQtc1OWIXCTbY8KaoynEXkfJ8sLMg7DTc1pV6z10xeWkgRnIeGRzs4bu5l-GIXGhrGIZnA0Q_YVO/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/AVvXsEi6DS5R6A44492j9NEnxVgQcLua7lG67kcZ7alSq7MkeEdRAN94Uen42VRJq1qw4R_3jTRpSKKmIg6TVJTjAetz_RkE6EuM1kV4XPbwp7qmzBGXy2dAtmEnj0MNDO7NJ-a2wROy1uaX8gwi/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/AVvXsEgvjbnHHtI29jsyj9CSt6HaoWNTwnWzvFBlVoc3tn8BZz-WHRFwn-dTCZMSTI6EqQ01FRcA-iJ5mGREvkQpFBZOA5g5dYt0zvR8wk26cpJOvyTFMsvbScVg2UQ0dZffbPE-80bbEnK1bAdQ/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div>

</center>

     7.  Kemudian klik save..


Selesai dech.. Tinggal cek aja di blog sobat..
Tengkyu..


Sedikit comment anda sangat membantu saya.. Terimakasih..
Salam blogger.. :D :D