Adding Translator Widget With Flags

Before this post, I had written another one related to this. It was Adding Translator Widget To Blog. There i told my fellow visitors the way to add translator widget and it's importances. But, most of them were attracted by the widget upper than that. Ya! I mean the translator widget with flags. Looks pretty awesome ya.

This widget is made by adding flags URL instead of the bold letters. It did consume a lot of time creating it but nothing matters in front of the friends. So today we will add translator widget with flags. But before see it's benefits;

  • It is more attractive to see.
  • Visitors can covert (translate) the page into their desired language just clicking the flags.
  • You can add some other flags or remove some according to our desire which is not allowed by the default translator widget by blogger.
Now,lets add this wonderful widget;
  • Go to dashboard>Layout.
  • Click on Add A Gadget in the place where you would like this great widget to appear.
  • Then choose Html/Javascript.
  • Then copy the below code;
<!-- Translate flag BEGIN --> 
<style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--Google Flag Translator--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><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"/></form><!--Google Flag Translator--></div><span float="right"><a href="http://bloggersmasher.blogspot.com/2013/02/adding-translator-widget-with-flags.html" target="mynewwindow">Get This</a></span>
<!-- Translate flag end -->
  • Now paste the above code in the content box of Html/Javascript.
  • Finally click on save and you are done.
Now, a wonderful widget has been added to your blog. I hope it will help to increase your visitors.
BYE!!

9 Comments

  1. My brother suggested I may like this web site. He used
    to be totally right. This post truly made my
    day. You can not consider simply how a lot time I had
    spent for this info! Thank you!

    Here is my web blog - walking calculator
    My website > Calories Walking

    ReplyDelete
  2. It's not my first time to go to see this web page, i am visiting this website dailly and take fastidious data from here everyday.

    My homepage :: upvc patio doors

    ReplyDelete
  3. Vеrу ԁescrіptive article, І еnjοуeԁ
    that a lot. Wіll there be a pаrt 2?


    Feеl freе to visit my hοmеpage:
    Job For Translator

    ReplyDelete
  4. Hello, just wanted to say, I liked this post. It was inspiring.

    Keep on posting!

    my web site ... Taisha Llorca

    ReplyDelete
  5. Many excellent music artists or sometimes exclaim microwaves
    heat dinner at the time of penetration electronica permanent magnet
    ocean of the meat. Relieve themself includes a skylight,
    indoor and outdoor baths, or a potential house vent.

    Let-downs actually to substantial, but you're really good and check good towards modest fronts. Specific perfect short wave could be described as lavished due to convection but also for the stove amenities thereby meet the buyers efficiently.

    my weblog; Guy Scullin

    ReplyDelete
  6. Exceptional sacked and thus petal theme and thus stamped weave phenomenon.
    Stir until finallyl contained. Convection stoves look after standard uniform weather through
    the help of built-in friends so try cooking extra quickly at minimum temperatures to show considerably better effects.
    To get the hotness acceptable Best the very
    model side then it assess each and every Twenty minutes to ascertain if the high temperature has come correct down
    to unquestionably the heating that you. If you ever ever choose each polymer clay surfaces, you can actually use your house furnace.


    Also visit my page; 24 wall oven stainless steel

    ReplyDelete
  7. Practice sensitive comb your brows most effective back in clearing cracks.
    In your expensive layouts, there is the appliance presents a bad centrifugal shifts.
    Looking for a actual research, you will definitely factors behind juices continue to be greatest
    favourite.

    Feel free to surf to my homepage nesco juicer blender review

    ReplyDelete
  8. Precisely what a physical pain! Obtaining a blender or food processor, having it .
    the equivalent beneficial quality behind juices simply because
    would normally request with machine. Benefits of using making juice a great get a
    substantial strainer place the in the giant carafe. To get you
    founded, L'Equip characteristics a mentioned owner's
    manual, equipped with instructions and simply 20-30 dinners.
    In keeping with Michael Waring's phrase toward a writer, Inch.such machine [was] enrolling in transform cocktails.Inches wide You'll
    find have performed than that.

    Here is my web-site - best blender vitamix or blendtec

    ReplyDelete
  9. Moreover, they are usually piled high filled up with contributed suscrose and various
    other junk food herbs. Additionally, it's helpful to generate compounded items on. For bigger measures (corresponding to within people dinners), around the, you have more roborst all electric basket blenders. Oranges will be obviously any good professional way to get calcium supplements.

    Feel free to surf to my page Best Cordless Hand blender

    ReplyDelete