I’m sure that we are all not from the same country, and we all can’t understand all languages in the world . To day I explain how to add Google Translate Widget in the form of nations’ flags .
Widget Features :
If you are interested in add Google Translate Widget, then you follow the simple steps :
<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/AVvXsEiBTrcS3kRjK7F27N7UKFlqHPIpnYm8x6Qgd1wWftcDscC8tyfJ_X6zydLAIgqzvOtglua7hDQPXYkENX9t7M2O9H_P2fXj1n1WJBpuhQwk106vHcAICk1fjL_08p2EjHNuhFNup0jzj9Y/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEiNE0kroVzlgx_dk2M3Lfs_JeK1b0UteZrysIulqBf6ZBmpv_cSNBcEGyeruaq-Z9zNxQm6DXHaxfXaNzXGbWUrqUTTVQGPTld7RhvTF_LkLumOnAht2iwOMV8SW_gjbaIcnOher9-rojs/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhA-Rla6EdL9ItxVQvaXfZpqUqqETk3rGD9njZzZUp06o9RF-kt6tsdentqxPCsrHVK-vM1w0wMrUVir-NZpSVlEuF-znOQf8VsD94VVE_VCFJsSKrUURufodIqXxn73KGMCGrDh9byMd8N/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjWE7FordmLP6VvIFbId55oWYC_-Dh3uxon6rLLLFAbg3_ODleIYD5nGiEpHA4t8lwIbQrn-tBdJ5ACoNrIRS79zZ2_nFG5UcDNyFQvAfuxjiSQiMLKlh-8Mf4EwvYRwm94bGvb3kGrKVpG/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjR2FYWfdq-uJANkGKjtO8EuocCxhWJTt1iAIlMFiNCgyhCtY5LHh6xFJ2P5nv9aOZMb_hLQELv96NQhKDArnk5a8tlEUPpscfQDJnTlF61cj4gKMplilub3jwSXMq0OJABmyNSy65bgD8/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhC1lMDUhYGBtBMfiD7qLz1IbwS0Bz7k24W40VPz671ZlbGmjuHLOwityPQtg8-rxcUqgf7E-RxWoRwWXhNoejLF317KABCLFRTX2gMQgFUI8F-yVr2jtjuf00e3R1q8IJO4uiplaEXA48/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEgHYfmMZGdDDH9xETmtohprU0WtrR3PzYJ7nF7lCD5wu2sMRqmKcX-uP46PM6QYcoTXWktnbhsCWsw4u-wLIt-lF-FYiNMvxAm928CbhAMNKHs_xT_yUmyAHE26uBL2r_utah5wUB_GBn0/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEifbOp1ckJR1H3i8krgr57q1_jGlSO_bPXBgWLK-sWcD4Ml7NE1ptC6TOkgNO7qA52D2LuriAfZ-Jt3wi6-ZccFo28Eld_xCvZUqqcQwzi6CkDnznEmRZyec6_84t9q-fKEiSYmMnqjpPM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEg95RGjDomgu6lrx5hqG0VYzr_-ergfvKTWhm1M42bnO1wrTMlbE8p1lNb7j-F5MLvUeWS_oRv-1SZfFsaa3b4wdngNr2ucUQyDA6JtUVpjZUqnaoChBQxt8z0ZUiNt_XttwNWvW667a1RM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjiNS9tiKpssJxOZgiDqWqUygE7vsKqfWq_YBM2SRzDOhjTeuYWsAcpmP5u_SpwQpJMJ5Ws83P_MJU4DzopRtpA4ax2OSlEj-EfY06JpPKZyDRTievPivOXvCtSC7-b5M0_yO7APmpZ7BM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEiFXjieCxhHRnjlGAtFTQvzhMS7vyR2FjdqWHeCo4WD4BLw398lWVJA0aKDcnlRqUrZNPFmFj6dacLwgA4ITHeOgmJNU42RR5i8KwR3FhtHPVbj3AYUSZsgGr4wV02fyWpgEAn9ufK9yNE/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjnvzjOSU_IQtyQQK3T2FnCVy_QlFTaye7HIgBQBDHMptaNXv5euk6tGNKhaEgF_L76nfn65qPJ88jwLNlj3JhZeKXrNeNo02dnHFPB-Wuor9MHv67Jsa-WpbU1Z8wRZgO8xPFeijwrNac/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
Widget By : <a href="http://www.digitalblog24.blogspot..com">Digital Blog</a>
</div>
- This Widget Auto detect your blog language and translate it to the readers chosen language.
- Support 12 different languages, English, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, French, Germany, Arabic And Chinese.
If you are interested in add Google Translate Widget, then you follow the simple steps :
- Login to blogger with your ID , then Click Layout.
- Click Page Element tab.
- then Click Add A Gadget .
- Click HTML/JavaScript
- Copy and paste the Google Translate code into the available area :
<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/AVvXsEiBTrcS3kRjK7F27N7UKFlqHPIpnYm8x6Qgd1wWftcDscC8tyfJ_X6zydLAIgqzvOtglua7hDQPXYkENX9t7M2O9H_P2fXj1n1WJBpuhQwk106vHcAICk1fjL_08p2EjHNuhFNup0jzj9Y/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEiNE0kroVzlgx_dk2M3Lfs_JeK1b0UteZrysIulqBf6ZBmpv_cSNBcEGyeruaq-Z9zNxQm6DXHaxfXaNzXGbWUrqUTTVQGPTld7RhvTF_LkLumOnAht2iwOMV8SW_gjbaIcnOher9-rojs/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhA-Rla6EdL9ItxVQvaXfZpqUqqETk3rGD9njZzZUp06o9RF-kt6tsdentqxPCsrHVK-vM1w0wMrUVir-NZpSVlEuF-znOQf8VsD94VVE_VCFJsSKrUURufodIqXxn73KGMCGrDh9byMd8N/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjWE7FordmLP6VvIFbId55oWYC_-Dh3uxon6rLLLFAbg3_ODleIYD5nGiEpHA4t8lwIbQrn-tBdJ5ACoNrIRS79zZ2_nFG5UcDNyFQvAfuxjiSQiMLKlh-8Mf4EwvYRwm94bGvb3kGrKVpG/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjR2FYWfdq-uJANkGKjtO8EuocCxhWJTt1iAIlMFiNCgyhCtY5LHh6xFJ2P5nv9aOZMb_hLQELv96NQhKDArnk5a8tlEUPpscfQDJnTlF61cj4gKMplilub3jwSXMq0OJABmyNSy65bgD8/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEhC1lMDUhYGBtBMfiD7qLz1IbwS0Bz7k24W40VPz671ZlbGmjuHLOwityPQtg8-rxcUqgf7E-RxWoRwWXhNoejLF317KABCLFRTX2gMQgFUI8F-yVr2jtjuf00e3R1q8IJO4uiplaEXA48/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEgHYfmMZGdDDH9xETmtohprU0WtrR3PzYJ7nF7lCD5wu2sMRqmKcX-uP46PM6QYcoTXWktnbhsCWsw4u-wLIt-lF-FYiNMvxAm928CbhAMNKHs_xT_yUmyAHE26uBL2r_utah5wUB_GBn0/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEifbOp1ckJR1H3i8krgr57q1_jGlSO_bPXBgWLK-sWcD4Ml7NE1ptC6TOkgNO7qA52D2LuriAfZ-Jt3wi6-ZccFo28Eld_xCvZUqqcQwzi6CkDnznEmRZyec6_84t9q-fKEiSYmMnqjpPM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEg95RGjDomgu6lrx5hqG0VYzr_-ergfvKTWhm1M42bnO1wrTMlbE8p1lNb7j-F5MLvUeWS_oRv-1SZfFsaa3b4wdngNr2ucUQyDA6JtUVpjZUqnaoChBQxt8z0ZUiNt_XttwNWvW667a1RM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjiNS9tiKpssJxOZgiDqWqUygE7vsKqfWq_YBM2SRzDOhjTeuYWsAcpmP5u_SpwQpJMJ5Ws83P_MJU4DzopRtpA4ax2OSlEj-EfY06JpPKZyDRTievPivOXvCtSC7-b5M0_yO7APmpZ7BM/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEiFXjieCxhHRnjlGAtFTQvzhMS7vyR2FjdqWHeCo4WD4BLw398lWVJA0aKDcnlRqUrZNPFmFj6dacLwgA4ITHeOgmJNU42RR5i8KwR3FhtHPVbj3AYUSZsgGr4wV02fyWpgEAn9ufK9yNE/?imgmax=800" style="cursor: pointer;margin-right:13px" 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/AVvXsEjnvzjOSU_IQtyQQK3T2FnCVy_QlFTaye7HIgBQBDHMptaNXv5euk6tGNKhaEgF_L76nfn65qPJ88jwLNlj3JhZeKXrNeNo02dnHFPB-Wuor9MHv67Jsa-WpbU1Z8wRZgO8xPFeijwrNac/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
</div><div style="font-size:10px;margin:10px 0px 3px 0px">
Widget By : <a href="http://www.digitalblog24.blogspot..com">Digital Blog</a>
</div>
- And finally Click Save Templates
It is very easy , keep trying
0 comments:
Post a Comment