Hộp dịch (translate) hình lá cờ cho blogger

Tiện ích này rất hữu ích với các blog có nội dung mở như các trang Download, Nó giúp khách nước ngoài có thể xem được nội dung blog của bạn bằng tiếng của họ thông qua bộ công cụ dịch của google. Khách của bạn sẽ không bị bó hẹp là khách của một nước nữa như thế blog của bạn sẽ được nhiều người biết đến hơn.
Trước đây tôi đã chia sẻ với các bảng cách tạo hộp dịch (Translator) trên Blog (Xem hướng dẫn Tại đây).Hôm nay, Namkna chia sẻ thêm cho các bạn một tiện ích rất đẹp là gắn vào Blog một hộp dịch có các lá cờ các nước.

Xem Demo:    Click here view Demo

☼ Cách tiến hành:

1- Đăng nhập (login) vào Blog

2- Vào Bố cục (Layout)

3- Chọn Thêm tiện ích (Add Widget) => Chọn HTML/Javarscip => Xem video:

4- Dán đoạn code bên dưới vào.

<style type="text/css">
.namknaft{padding:5px;}
.namknaft  input{padding:1px;margin-left:1px;border:1px solid #ccc;}
.namknaft  input:hover{border:1px solid #ff0000;}
</style>
<div  class="namknaft">
<!--Google Flag Translator by  way2blogging.org-->
<form  action="http://www.google.com/translate">
<script  language="JavaScript">
document.write ("<input name=u  value="+location.href+"  type=hidden>")</script>
<noscript><a  href="http://namkna.blogspot.com/">Namkna Blog's</a></noscript>
<input  value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie"  type="hidden"/>
<input value="" name="langpair"  type="hidden"/>
<input  onclick="this.form.langpair.value=this.value" title="English"  value="auto|en" type="image" height="20"  src="http://www.google.com/images/flags/uk_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Chinese Simplified"  value="auto|zh-CN" type="image" height="20"  src="http://www.google.com/images/flags/cn_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Greek"  value="auto|el" type="image" height="20"  src="http://www.google.com/images/flags/gr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Hindu"  value="auto|hi" type="image" height="20"  src="http://www.google.com/images/flags/in_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="German"  value="auto|de" type="image" height="20"  src="http://www.google.com/images/flags/de_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Dutch"  value="auto|nl" type="image" height="20"  src="http://www.google.com/images/flags/nl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Russian"  value="auto|ru" type="image" height="20"  src="http://www.google.com/images/flags/ru_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Bulgarian"  value="auto|bg" type="image" height="20"  src="http://www.google.com/images/flags/bg_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Polish"  value="auto|pl" type="image" height="20"  src="http://www.google.com/images/flags/pl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Czech"  value="auto|cs" type="image" height="20"  src="http://www.google.com/images/flags/cz_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Croatian"  value="auto|hr" type="image" height="20"  src="http://www.google.com/images/flags/hr_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="French"  value="auto|fr" type="image" height="20"  src="http://www.google.com/images/flags/fr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Italian"  value="auto|it" type="image" height="20"  src="http://www.google.com/images/flags/it_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Portuguese"  value="auto|pt" type="image" height="20"  src="http://www.google.com/images/flags/pt_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Spanish"  value="auto|es" type="image" height="20"  src="http://www.google.com/images/flags/es_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Arabic"  value="auto|ar" type="image" height="20"  src="http://www.google.com/images/flags/sa_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Japanese"  value="auto|ja" type="image" height="20"  src="http://www.google.com/images/flags/ja_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Korean"  value="auto|ko" type="image" height="20"  src="http://www.google.com/images/flags/kr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Chinese  (traditional)" value="auto|zh-TW" type="image" height="20"  src="http://www.google.com/images/flags/tw_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Danish"  value="auto|da" type="image" height="20"  src="http://www.google.com/images/flags/dk_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Finnish"  value="auto|fi" type="image" height="20"  src="http://www.google.com/images/flags/fi_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Norwegian"  value="auto|no" type="image" height="20"  src="http://www.google.com/images/flags/no_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Swedish"  value="auto|sv" type="image" height="20"  src="http://www.google.com/images/flags/se_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Catalan"  value="auto|ca" type="image" height="20"  src="http://www.google.com/images/flags/cl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Filipino"  value="auto|tl" type="image" height="20"  src="http://www.google.com/images/flags/ph_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Hebrew"  value="auto|iw" type="image" height="20"  src="http://www.google.com/images/flags/il_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Indonesian"  value="auto|id" type="image" height="20"  src="http://www.google.com/images/flags/id_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Latvian"  value="auto|lv" type="image" height="20"  src="http://www.google.com/images/flags/lv_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Lithuanian"  value="auto|lt" type="image" height="20"  src="http://www.google.com/images/flags/lt_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Serbian"  value="auto|sr" type="image" height="20"  src="http://www.google.com/images/flags/rs_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Slovak"  value="auto|sk" type="image" height="20"  src="http://www.google.com/images/flags/sk_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Slovenian"  value="auto|sl" type="image" height="20"  src="http://www.google.com/images/flags/si_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Ukrainian"  value="auto|uk" type="image" height="20"  src="http://www.google.com/images/flags/ua_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Vietnamese"  value="auto|vi" type="image" height="20"  src="http://www.google.com/images/flags/vn_flag.gif" width="30"  name="langpair2"/><span style="float:right;margin:3px  5px;font-size:10px;"></span></form>
</div>

5- Bấm lưu tiện ích lại và vào blog xem kết quả nha.