Pasang Gadget Google Translate dengan Icon Bendera Negara
Dear sobat blogger, kali ini saya akan share tentang langkah-langkah menampilkan google translate dengan icon bendera negara, tujuannya udah pasti kan? Supaya blog terlihat lebih menarik bagi pengunjung.
[demo silahkan dilihat sendiri di Gadget blog saya di bagian kanan]
Berikut langkah-langkahnya:
- Masuk ke dashboard blogger
- Pilih tata letak
- Add/tambahkan gadget
- Pilih html/javascript
- Masukkan kode script berikut:
<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/AVvXsEhzEAbdojoLbH_aeTxRPoHZ1qGyIzlAPM-Q-1yUZ6X7ixdMBuspbk8qhcRrdrUaXBgF02ocnzBbGGAV_SVZR8NlVuqD_hecGOL8Qrj2FySzgct8YCC5PheuORnXHEdUFb9-qvGlvekcf94/?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/AVvXsEhoxdYynZQoJXJtHZOrgjw8Y9g5yMaadCjmIfmf-kQAq6s03o9QREkWlFs_Y9ReXbC5Dugk_5NZ5-Wq2bhn8iVEAXqYHnjjgixt0N30Dg3j0EAmncgOKsM6X42qXXNhri7hhHZx-GGlwvg/?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/AVvXsEhFvVJzsRtl7TqzS_k8CNvZj9XAjx1UUW1-c6RjcqtDU6n5NvlAL0prXeqJrX-P3hqdgmIM_P18KMJfy9sQ_CtVJv6FpaQpsJIyY6maOsl4eL6oGyojbCJg3KnR2Daa-3KCB_7BM4qusnUM/?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/AVvXsEhXEZ9XmrUe2jzE7TsdwqpvB-cpp_LiiPIOwHIUXV2wLFRSt-7y2uge9FV6KJcuYuHfpPDCLY3RjBJQN8Iw4ZuOhwr7Y97AkT4ckZAKa4GJdQKaP6KwxROoowVrn8f9lMGOgl3Z0K9WTO5X/?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/AVvXsEidjbYDmumCenKYS5xoRkOyq-wnrFCl5CuE-Osidabhce5OkXexQz16hGTMmaqQR_zMdhJivcbdYyGlrSYIkyYt_fuw_s_rHTxuMFwqrSePXL1d2AI4lXGqpdrfRLBMk03xy0QXRITZJCA/?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/AVvXsEjHsrGpRcRmzZ8bbntaBere-YZycMspC9uUPtj1zvZDOFiijo3Uk4dZv4YmcjWq_LOD0YI3SyL7xWzT-lPQS_30swHVOXu1i3qZm-qMoE8TMKuy063TuNA_yVCSf6atJ_3SOymgdMdyPE0/?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/AVvXsEhmV7hpIUCf2rzaN3Q_y4ujfFfV00K1dYJCRZGeR-5EKTc1U1ErGejcQfvNyH3lJ2bz6Y6qoXre0QGgPPYHoSsZTec7k6J1Om8NcylTA3lGH-40OWfmtiXtOB3M1TJdtCzFeOm6JORuYc0/?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/AVvXsEiD3yQLs3znbsWpdp23fTuSe315yIbrvH0xthpPwWqAFtCkprUle9U-u_1opGCd9CsvhQg_-r1FfUcfcCEC3lST90Rf3fxeKYjPj1h9p9La2AJtLelNFR2OQnxp9V-AHYTgESmHIR4AZ-c/?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/AVvXsEjRqisRRIcZWlt7iscsZ7rqN5BbYJLg_1c0BTKljEnzhs80W7xDzAXk00dKML_cmu0gNwyg_GBvKfcb0txmQPRLET6jxVaZwuKI3a8Rqcbb0XNYDZMtpTS8wmk4PAa8UzcSxXneN2IhoLOt/?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/AVvXsEjXY0fRNaSVAQpv6wIDbCquYCyT4rVkRqVxPSFswPojbTD6cd8Wtt1K1NzwRVr67LRHfrNGg_X-0W-14LB8jgsKZh-ZlrI6QjA8LtInAOa5XexX-o2ROw0MUCSX92zatOvxLPwewZ7Q_J4/?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/AVvXsEhC8ocgdlkF2TaUJFAsCK4NDGDtbMn4iw3IMTs74badnUTRO_RdZkBM3zON13uveBaQuvlVneB4h_SQoAwbrS6eC04txQkGnRwOEqxLjBl2WrrhY44TVassKzabqwFFamdFxRfPej6Newg/?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/AVvXsEiDNoUmEz7pbB8MGxQvaYfPgYzk_ZXY3dtqWN7X-5s26748I61OIK_qcBFBlabIu1urCIRVpN9vCM05IDpDbnLIkGJVoHbgM1BfVXWiFC9vn1fuEurWkMsze5fBBjoqE7broDoKpBRju84/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://dhanynurdiansyah.blogspot.com/2012/12/google-translate-icon-bendera-negara.html" target="_blank" title="Google Translate">Get This Widget</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/AVvXsEhzEAbdojoLbH_aeTxRPoHZ1qGyIzlAPM-Q-1yUZ6X7ixdMBuspbk8qhcRrdrUaXBgF02ocnzBbGGAV_SVZR8NlVuqD_hecGOL8Qrj2FySzgct8YCC5PheuORnXHEdUFb9-qvGlvekcf94/?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/AVvXsEhoxdYynZQoJXJtHZOrgjw8Y9g5yMaadCjmIfmf-kQAq6s03o9QREkWlFs_Y9ReXbC5Dugk_5NZ5-Wq2bhn8iVEAXqYHnjjgixt0N30Dg3j0EAmncgOKsM6X42qXXNhri7hhHZx-GGlwvg/?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/AVvXsEhFvVJzsRtl7TqzS_k8CNvZj9XAjx1UUW1-c6RjcqtDU6n5NvlAL0prXeqJrX-P3hqdgmIM_P18KMJfy9sQ_CtVJv6FpaQpsJIyY6maOsl4eL6oGyojbCJg3KnR2Daa-3KCB_7BM4qusnUM/?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/AVvXsEhXEZ9XmrUe2jzE7TsdwqpvB-cpp_LiiPIOwHIUXV2wLFRSt-7y2uge9FV6KJcuYuHfpPDCLY3RjBJQN8Iw4ZuOhwr7Y97AkT4ckZAKa4GJdQKaP6KwxROoowVrn8f9lMGOgl3Z0K9WTO5X/?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/AVvXsEidjbYDmumCenKYS5xoRkOyq-wnrFCl5CuE-Osidabhce5OkXexQz16hGTMmaqQR_zMdhJivcbdYyGlrSYIkyYt_fuw_s_rHTxuMFwqrSePXL1d2AI4lXGqpdrfRLBMk03xy0QXRITZJCA/?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/AVvXsEjHsrGpRcRmzZ8bbntaBere-YZycMspC9uUPtj1zvZDOFiijo3Uk4dZv4YmcjWq_LOD0YI3SyL7xWzT-lPQS_30swHVOXu1i3qZm-qMoE8TMKuy063TuNA_yVCSf6atJ_3SOymgdMdyPE0/?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/AVvXsEhmV7hpIUCf2rzaN3Q_y4ujfFfV00K1dYJCRZGeR-5EKTc1U1ErGejcQfvNyH3lJ2bz6Y6qoXre0QGgPPYHoSsZTec7k6J1Om8NcylTA3lGH-40OWfmtiXtOB3M1TJdtCzFeOm6JORuYc0/?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/AVvXsEiD3yQLs3znbsWpdp23fTuSe315yIbrvH0xthpPwWqAFtCkprUle9U-u_1opGCd9CsvhQg_-r1FfUcfcCEC3lST90Rf3fxeKYjPj1h9p9La2AJtLelNFR2OQnxp9V-AHYTgESmHIR4AZ-c/?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/AVvXsEjRqisRRIcZWlt7iscsZ7rqN5BbYJLg_1c0BTKljEnzhs80W7xDzAXk00dKML_cmu0gNwyg_GBvKfcb0txmQPRLET6jxVaZwuKI3a8Rqcbb0XNYDZMtpTS8wmk4PAa8UzcSxXneN2IhoLOt/?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/AVvXsEjXY0fRNaSVAQpv6wIDbCquYCyT4rVkRqVxPSFswPojbTD6cd8Wtt1K1NzwRVr67LRHfrNGg_X-0W-14LB8jgsKZh-ZlrI6QjA8LtInAOa5XexX-o2ROw0MUCSX92zatOvxLPwewZ7Q_J4/?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/AVvXsEhC8ocgdlkF2TaUJFAsCK4NDGDtbMn4iw3IMTs74badnUTRO_RdZkBM3zON13uveBaQuvlVneB4h_SQoAwbrS6eC04txQkGnRwOEqxLjBl2WrrhY44TVassKzabqwFFamdFxRfPej6Newg/?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/AVvXsEiDNoUmEz7pbB8MGxQvaYfPgYzk_ZXY3dtqWN7X-5s26748I61OIK_qcBFBlabIu1urCIRVpN9vCM05IDpDbnLIkGJVoHbgM1BfVXWiFC9vn1fuEurWkMsze5fBBjoqE7broDoKpBRju84/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div> <div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://dhanynurdiansyah.blogspot.com/2012/12/google-translate-icon-bendera-negara.html" target="_blank" title="Google Translate">Get This Widget</a></div>
finish, semoga bermanfaat sob
0 Response to "Pasang Gadget Google Translate dengan Icon Bendera Negara"
Post a Comment