Cài đặt Google Translate với biểu tượng cờ các quốc gia vào blog

Trong bài viết này tôi xin hướng dẫn các bạn cách cài đặt để có được tiện ích dịch Translate đa ngôn ngữ như hình minh họa dưới, mỗi lần bạn trỏ chuột tới hình lá cờ mỗi nước sẽ thấy hiệu ứng mờ Blur rất chuyện nghiệp của Kang Rohman.



Các bước tiến hành cụ thể như sau:

1. Truy cập vào blogger
2. Click chọn Layout
3. Click chọn tab Page Element
4. Click chọn thêm tiện ích Add A Gadget
   
   
5. Click chọn dấu sign plus (+) HTML/JavaScript
   
   
6. 
   Copy và paste mã Google Translate dưới vào trong đó (vùng chứa mã của HTML/JavaScript).
   
   
   
   <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=vi%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUstJPeCy8FsHHCu7oHA8m8Fpg_GDYij1gQASuDoN_-SIhmjQuaspyKHBmVuCZhjEFET1Dm9CcDyTVTXVQVLMSqzJk924YtyZPFnZkh9MIjRo6PSjPhQZKK2jlmXrVd4hIsq-lK_ZyOO4/?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=vi%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmkhw_YGStOo6fpzwcWhmlT6iFI0K50lr5p-MwzuUX5wLsM9Ww_UPYuHlEZMeKylhH9MJF4hinLDei3kol_JN1Dyfxat90enfZkTRKkx7oArKB545ezAVuXxi0i_NB2xUQRSVP92Zq38/?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=vi%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizd-sJtP40UFNJi55-DxFhJHDHPu5thJ16bOm8L-c1LV0FMbvglOZvVtc98YrHMVy3Tef-Z6bgcb-511KDSOH22PYWE2h_GXZ187aoMQZKayjFenNkAYpkn-AmxyK2yoE0YRX8vOWbI8NK/?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=vi%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsIpAnc34owsYj7-YMowh07S5i0Gr-kyvsoqedEIP8NBsFSPSdVYomdCfUZI7NroWPgXUzEk_GaXuqOBsmlXTpbDcpSRakn0pC5ZAAEZ-msKZ_WzA_uJRdweMu5RHnYL4E60M5xQCWK_s4/?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=vi%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1UnH8ln3x8ahVta2vN8u-6sAQR-QfvAjc7qtjPBjTf-vYexMaGsWORbNbSTu5J15ZwqejqGujGGHSqy4DUCtt3bM6QZkapxMoHCcRunaGd5RocbPJ64dVk8vds9Twmmvtsoxy-1nZuBs/?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=vi%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMIg_tNxlRSZ2mknTgauvunnNYanAu572NEuNnezPEGMQv988F3GnfwGLrkq6Wzz7aYSaQtmH54ME22IuJs4e7CE-pMj81RDG-c1q3MNt56Ucr-hCWG6yfdUq59Diq6XPq-r9P2lIL6E/?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=vi%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1pNBHM98iy6Ii99ioy1LmT8b9tKPdqs_5kMADDdOCnCv0wbEUW8xe6qKHPe0zQew0MUpKs5sHLTi2OorUEQaaRm7zC5I_U2X7Tz8dgotesT6NniISikasI6HzjHF3dxJFg1TMzRX4tT8/?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=vi%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqQulG18WRO67lMud8pklx_cgB2N3EyILYfjMkzDBTnUQ79Jy6JJyI_mT2t5NuZzln2IlV7J4hevpCErnsJ1RHwvdpvhe-zejZP_zCYZGjre3LByXQeg-gyMqNUXDhfh03cWjDB2EyNQ/?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=vi%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOzXtBXtZf9kPSb7HEssisWcZeXE-3jktUvGm6zWS6mygJvoSSdUBOshgpOcuxK4dZN5tvKTO9gCQH3Hx0iUJsw1Qv3rmcRK0NviQQheC4zKrfu7RTL9yTXliWxgjAZwZeYNPd-zjE8fx5/?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=vi%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KdKpssH3K6_96eG9QDbjbqt6coD-FkZ5xNBhTXODdjP_HCsrncZEak-f6OG5pAqOM-KoAJJU4QVYO-JOHrKSxMjeDRoQ6ZjpBDQ8H3crHs64plUNNYua9q5yrfvZCZNVl57xnDanQ50/?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=vi%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHUGf-wA8MtZ2TnsK9r_t0zmRe6rRkJcALRjPGMkOsoeBe8163WEdhEC2H3E0aThJC3fjMMpq7mh4613Cy1tVOEorOsuvS6Z1_H1gR85WHty0pcSKL6xxgEMsBBkK1qpx2WCN7O9ArP5Q/?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=vi%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/AVvXsEggHXV3nHE5bvK8Nryjol1CVpGhD5XWajn6UAwaboldVn4TW-E8xoocT-Lsnf3duZ4fnDwSbKLCQDJZaJ-v9gWnZ2-cOAp_oC7-w0IEGtcWiV_izSOS8_czwcyafB7SUryvVt6NghG4X8Q/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> </div>
7. Click chọn Save để lưu lại.

Như vậy bạn đã thực hiện xong các bước cài đặt để có tiện ích dịch Google Translate với biểu tượng lá cờ các ngôn ngữ cho blog của bạn!
Chúc các bạn thành công!!!
theo: http://www.blogspottutorial.com
(nguon: http://fandung.blogspot.com/)