In this post we will learn how to add the Translator Flag  in your blogger/blogspot blog. Blogger Users here we go with the steps.
I hope you know how to add widgets to your blog.
1. Log in to your dashboard–> layout

Blogger Edit Html

2. Click on “Add a Gadget” where you need to place the login box or form. 

Blogger Add a Gadget

3. A Pop-up window will open and select the Click on “Add a Gadget” and select “HTML/Java Script”.

Blogger Add Html Javascript

4. Copy the code below and Paste Inside the box.
5. And replace this URL  http://thejinnni.blogspot.com

<span class="Apple-style-span" style=" color: rgb(102, 102, 102); line-height: 18px; font-family:Verdana;font-size:12px;"><a class="google_translate" href="http://thejinnni.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Urdu" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cur&amp;hl=en'); return false;"><img alt="Urdu" border="0" align="absbottom" title="Urdu" height="60" src="http://1.bp.blogspot.com/-QmWshuaHPOM/T0A64knecXI/AAAAAAAACMY/gF8DPZ6ZBIU/s1600/pakistan-flag.gif" width="96" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Hindi" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7chi&amp;hl=en'); return false;"><img alt="Hindi" border="0" align="absbottom" title="Hindi" height="60" src="http://1.bp.blogspot.com/-s4RrySXOqZo/T0A63_Ks4xI/AAAAAAAACMQ/v2oe7IomTbg/s1600/india%20flag.gif" width="96" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a><div class="separator" style="clear: both; text-align: center; "><a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="English" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cen&amp;hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="French" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cfr&amp;hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="German" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cde&amp;hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Spain" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7ces&amp;hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Italian" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cit&amp;hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Dutch" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cnl&amp;hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a><div class="separator" style="clear: both; text-align: center; "><a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Russian" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cru&amp;hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Portuguese" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cpt&amp;hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Japanese" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cja&amp;hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Korean" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7cko&amp;hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Arabic" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7car&amp;hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a> <a class="google_translate" href="http://mytopfreeware.blogspot.com/2012/04/chitika-ads-not-displaying-on-my-site.html#" target="_blank" rel="nofollow" title="Chinese Simplified" style="color: rgb(0, 132, 206); text-decoration: none; " onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href) +'&amp;langpair=auto%7czh-cn&amp;hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" width="24" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; opacity: 1; border-style: initial; border-color: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; cursor: pointer; " /></a></div></div></span>

6. Save the Html/Javascript and go on to your page to see how it looks.
You might also