10 August, 2013

Google Translator with Country Flags for Blogger


google-translator-country-flags-blogger

Google Translator with country flags widget for blogger is recommended for international readers to keep reading in there local language. Google translator widget with country flags will allow the readers to stay connected with your blog and keep reading more content. The translator widget from Google provides blogging users easy way to read long articles and tips & tricks of blogging related more easily. Google demands from publishers to provide content to users without any problems. Google Adsense publishers are forced to provide easy and simple content to there readers and don't force them to click on Adsense ads on your site.

If you add Google country translator with flags on your blogger so you should get traffic from Google search from all over the world. Google knows everything about you with the help of DART cookies, web beacons and log files. Google knows what you have search in search engines with the help of cookies. So international readers are the main key of SEO under blogging. If you have more international traffic so you will get higher Alexa and Google rankings very soon. According to SEO experts a translator is recommended for better search engine optimization. There are 12 flags in this widget, you can add or remove flags and translators easily.

How to Add Google Translator with Country Flags in Blogger


Step 1. Log in to Blogger Dashboard, and select Layout
Step 2. Click on Add a Gadget
Step 3. Add a new HTML/JavaScript Gadget
Step 4. Write 'Translator' in Title
Step 5. Paste the following code in the empty HTML 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 35px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

 </style>
 <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwykuaqyCLmFrzszXPjjVm0rNqAIdzlnVAX2BHDW90y7J8ourmdR1AMjDOXL-q4P5s8kDJPu1tXW3dG3YEMq13zM_5T0WBI740MO20CuV-SRkanLBc1fo8ane6LiNR2Nbzgks91LVkW3R3/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWzCtG7xjm0f7MYJ8wcTXPVAbw9WgFL44v8f_9a2-pDQvdrFthgq6Bt2W2vrLETiXPR1tDr51JDjahVf20afDLSGAF-VZo-a2YvX5afMUIF811lEGkQWdDdDrIjvMl5dAOIH78nhT5_LAC/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-VuApKenEoQ8pCIyblnVwgKl6namc48b7WItMoLaw084DgiLScHQpQ8aXMqTxCBai7d6sLGbtKzS0kE7s2OJ85bf_dcL0LgmeuuUm15_O145IVxl5GZHIEy1L1V3STrJIBRchqgOQG8J/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88RbPSvOU1hQYXccURU1LRxlpUfJ2uDY9AMPZhPHycm0JJCOzROAWxBbj5jUH97mvrqqZhjYYeLXG9YmdZ92FTD6AK0DU6qb35Jtein7pWhBdSxQUjmBobut6-k9-6DkEcUZEF0aIULj9/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;"></a>
<div id="example" class="">
 <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPNRC42HsKwo4B-bmbiz3Dc344d8VEB1_dV4n7d2Tn-Hem4pn8eDQUqJPRy1wmOYY6wXz-1UGY_pQV7272Lca_XMNN4eEfh93vRU22-3SffIAlSrft4hNlKHVX_km2hzZlMaYvna6bOtx/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKogbjBqiz9R6cpjzR6gaPccLuQ57gVTwFue-ODiLKgjhOGSsURlfQ_0sOgUZVlFGRWAhnWVNgRaECc5utm2KmjQkAyDZz1XKdCuxIriMCTc_3VwToUEqcKova4JrU92awF1vVdeCZZbC_/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfQggInntHVLMod5FTf2H_kvUPPJ5fhKYGINbIJkG6HvBWl6axBZ3YIgpzznVwnzNcHE7AZEIv17p6UQDy9boOJltGYXmvEUasGGhGj5umUHUwHFF4jwrY8sCEJIqIw7BG7hW1ldlNv2o/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0sTGktFX9FBaRA0KLlFbXZVPZjdigkyMcdGQ7yEc9pvojIKWRmDdNmcYOjF2ISqZSoiE_XVP07hwPteBciHofGV0Zb-uvi1QyHB_XwjPUKfDpjGPwh8RW_tJwDS_pn0V_bhW3YlVf0QP/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIzmHNUcP-JPpdbQ9TqnnY7yYNo1OObgjqzV0wb0fuAH_QDsv0PVecjlBmYWHDNsuKzaS3gkQH2iSXwvyTk9Jll5o1_4wi0-7cdphCKOL0_1O15vvew6ID4IY_clxardCgFRfi7qdJf6-/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcysGLIsM16lGwzlXthb0DkN6G3v6_lxJcn1wT-XwR88xychVOF1ENCwLNdDpUjjxQCG6upEtgoaOacrp9CbpAXUCeEhM9uf9F6wm6xYZVNPXCsoAnfRl89FoHHugjPn6f08BhOwr_UJ6/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCdSHod-3k2GvawD4Owi-9Jh_ZM98mAj-jrbLm_PuEKBwHXCPI1i8fa9IuZEx2CRai6kw6769PlK9LeCu3fRAWgkA77Ne_qSxPOPih5_iyarVYTtAVPzk9ltkncC7QH26h0TYXMzZ941hO/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIavftBeupyCzoXW5v1Ljv97mkSyyF9JzjiFjzHGvN_845UWYd7vf6EbuLnyFO4u2fZmQ-5lHeqlWtKmY6nH9ZqWpDH-N2S63EcaAMJH8b79OnZA5c0xvjR6u9dJgEh1Ujmin6-4vdpAEp/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a></div>
    <p style="text-align:right;"><a href="http://starsblogging.blogspot.com/"><font size="1px">Get this widget</font></a></p>
and Click Save button at the end.

Customize Google Country Flags Translator:


You can customize with in <style> to </style> CSS coding. You may change all values in RED BOLD:

margin: 10px 20px 0px 35px;
height: 24px;
width: 24px;

Customize Google country translator with flags widget with your desired margin between each flag and also customize the height and width of country flag picture with your desired values.

You can place Country translator widget in your blogger with your desired place. Just drag & drop this widget under blogger Layout section to anywhere. The recommended place of Country translator with flags is at the sidebar. Just you choose the exact place of country flag widget and save under the layout page of blogger.

You may get our another Google Translator with Country flags with small pictures. I hope you will enjoy this simple trick for your blogger. Keep in Touch!

0 comments:

Post a Comment