How to add Google Translate Widget on Blogger


This is a simple and fast description on how to add or install the Google Translate widget with flag display on your blogger blog without html or coding but a simple installation process. 

 Image of Google TranslateWhat is Google Translate Widget ?  The Google translate widget is just a simple widget that enable visitors or people from other countries to change the language used to a preferred language. 

 Google Translate widget encourages the Non-English Language countries to translate the English word written on your site to their own language e.g French, Spanish, German and many more. But can carefully be installed on your blogger blog simply be copying and pasting the code below on your blogger blog and see the Google Translate widget with flags live on your site.

 How to Install Google Translate Widget with Flags on Blogger

 1. Login to your Blogger Blog

 2. Right there on your blogger dashboard, click on the drop down arrow beside the view blog

  See Aslo,  How to add Recent Comment widget on your site

 3. You will see a list of programs, then click on layout

 4. Click on add a gadget on any position you like

 5.  A pop up program comes up where you also press on the Html /Javascript for third party codes

 6.  Carefully copy and paste the code below on the content box

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>
<style>
 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }
a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}
a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }
 </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=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://1.bp.blogspot.com/-sXhoGx5s2dg/T5xOeRCOuYI/AAAAAAAAARo/ldYJIGQldwQ/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://2.bp.blogspot.com/-aklFaq6pPeQ/T5xOV1mPbcI/AAAAAAAAARg/CcBmt1ptN88/s1600/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/-nX0ktPsJQTA/T5xOMiiOGQI/AAAAAAAAARY/VXhAPARvh9E/s1600/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-QPXkbtHOD4c/T5xODxO-FVI/AAAAAAAAARQ/1jye5k8T0DI/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://3.bp.blogspot.com/-0QwKU5U8K2k/T5xN5VZK2tI/AAAAAAAAARI/SvXac8-EQEg/s1600/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://4.bp.blogspot.com/-vJtqiSEPK0A/T5xNup0Q3vI/AAAAAAAAARA/SyuRn3jZjgk/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://2.bp.blogspot.com/-Em4KegbEBmk/T5xNjs5f_NI/AAAAAAAAAQ4/yLtUCDesqGs/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://2.bp.blogspot.com/-IVx5Fq_02dE/T5xNZIbiHzI/AAAAAAAAAQw/dvI6mI6z3Dw/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://2.bp.blogspot.com/-O932f9wBvk4/T5xNO_hx5uI/AAAAAAAAAQo/n8-iF7S_R8A/s1600/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://3.bp.blogspot.com/-es7IkxUUK_4/T5xNGn7TXYI/AAAAAAAAAQg/jAp6OM-Zj9Q/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/-cx9e66I48yM/T5xM9L7uzoI/AAAAAAAAAQY/ftpOVX9YZEE/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/-eXup49w042c/T5xMxliSlmI/AAAAAAAAAQQ/v9efq8I4TI0/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://earnonlineng.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div> 

 7. Press Save

After Saving the codes, then  check the widget display on your blog by viewing your blog to see if its displays properly.

 See Also,   Random post with Thumbnails Without Html for Blogger

 This Google Translate displays very nicely with flags on your blogger blog. Installing this widget ensures your foreign readers or visitors will be able to translate your site contents directly on your page on Blogger.

Thanks for reading Earn Online 
Codes from Helplogger

Comments

  1. Anonymous6 February 2014 at 04:37

    I added it nd it works. Thanks for the steps

    ReplyDelete
  2. buy Facebook fans1 March 2014 at 20:57

    There is nothing to worry about fake fans because lots of fake IDs are active on Facebook that help others in doing business or other things.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Test a Website Load Speed

Image
Website load testing is an important aspect of checking website condition. Website speed is one important aspect of search engine optimization that should be considered regularly. Various search engines such as Google, Bing and Yahoo search tends to like site with relevant original content with good load speed and load time How Can i do Website Load Testing? You can check and test a website load speed and time without using any website load testing software but using the site for the test. Not only checking the website load speed, you could also get other relevant information about the website using this site. The best site to test the loading condition of a website includes; Google PageSpeed Insight Feed The Bot Pingdom Test Tool You may not really need a software to this, just visit the site above and get information about your site load time and speed but other information that helps search engine optimization issues like image alt, meta tag, compression and size, m
Read more

Top Highest Paid Athletes -- Forbes

Image
Forbes Magazine just release its latest ranking for the biggest money making sportsmen in the world based on their performance in the past 12months.A few number of changes were seen based on the last world ranking where these big boys makes so much money and while some didn't make quite much leaving Floyd Mayweather Jr occupy the first on the list of highest earners with $85 million.See Top highest paying site . Forbes Ranking order : 10. Peyton Manning        : 42.4million.   9. Christiano Ronaldo    : $42.5 million.  8. David Beckham          : $44 million.  7. Phill Mickelson           : $ 47.8 million  6  Kobe Bryant               : $52.3 million  5. Roger Federer            : $52.7 million  4. Lebron James             : $53 million  3. Tiger Wood                 : $59.4 million   2. Manny Paquiao          : $62 million  1. Floyd Mayweather Jr : $85 million To get fresh updates from earnonlineng , please subscribe below.Better still,you may drop your comment if a
Read more

How to remove the Twitter flying bird widget on your blog

Image
Twitter is one of the biggest social networking site in the world where users can share and interact with each other.Twitter widget on any blog is an important tool which makes it easy for visitors to follow the site,share and a leave comment.Bloggers who might have install the twitter flying bird for either beautification or traffic purposes can also remove the twitter bird for any reason can do so by using the following steps below.If you to learn to blog or needs some information about blogging,please read how to start blogging The steps 1 . Login to your dashboard which i believe its the new
Read more