Google Translate Widget with Flags For Blogger

receive our updates directly to your phone now SMS follow techrul to to starts Now!!!(MTN USERS ONLY and SMS is Free)

The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language.
This widget also auto-detect your blog language and then translate it to the readers chosen language.

It supports 12 different languages:
English, French, German, Spanish, Italian, Dutch, Portuguese, Russian, Japanese, Korean, Arabic And Chinese.

How To Add The Google Translate Widget To Blogger

Step 1. Go to your Blogger Dashboard >> Layout and click on "Add A Gadget" link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

 Step 3. Paste the code below in the empty 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOLQ4Th1M9tdzezrz8clrYCH3n-GzsSpucP-DC9enYXKRkOZ6KnOqfanerZIJl-jlznppIPHZ84LMSQKKeBtc8kjLLU_A-5p0Zez-M-l2naXM4jehQjeu0juEh1vLw1a8p71BMPGIfytTD/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/AVvXsEgBZ4IQj3OS9m86lQ8gsmuYR2AWdt3JKsBexvH3SavtePVtRdwnw178AV1iwnTChIsf6YVl-AeOOA9qr77iNyXPPbb6i2qN7Ir3B-XilQuXTHT0PuvvUSsQl_6ZPbZDiwrcB4EuI_LKikLj/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/AVvXsEjWnG8ZoqPzAETtsWfE0eFy4YHGQORE26hQQbsvNrWSQWeKhGrg29xUozLxEmC6c2DS8f2oD_ocMBhTQHCHNDWOFfhYXHUKReBWz_YKv6bwAwkXlWDYImuoRbtUhgS_gN92QVZ0558czeaO/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/AVvXsEiSoBFfH4EqrtP8s1J6L5Mokuz9T_1MHpxpW7I3Na1g0hOl_VYn-Qa8c4DAdBDryFAmgUy7BgLCXff12ao9zQShaux9ZxRi_9U7H62LhAAB-wnvJC8KL_2n68SUWlbMaJ6HKabBaA25uAgA/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeeEihICqoXC6PQcGggydz-_SC3BlnyjBxtcwNbEOxXmTMA6L9pcBCxfmPNmsWw90s3J9QiJcvmXz3ExC4KqKIRch7R7rbYLVQb-deuPU-6tHbWPzFUdg1SEDq0YKSWfI334pQ9IXC0Oor/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/AVvXsEjkxntAIQ9e4O4b00G764aC4B2Y7bMtSWWEFk30iQx93T-8Ztxt_dR2Ld_q65-38tvCqlyfdB4IUVchCYaqjL1sTjO6giiZn3I5hYLTYS8AqQ_Wz8Szvsj0soT0lSS7Jbok8wAtsktgG-nA/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/AVvXsEjOG60NkImhZdD3ksMeKTpDgyLSBSc5yN8WUJVX9ZVbc3tjqAe5xHJFoLxnHyCyAbvuse0tyQwA6o13kIKDbyYe0iJ-M-reo9jzBHE6K6iydN1ukv8N1TuCwLRY3ykVitTvR8yPkUyP47Hn/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/AVvXsEhMv4XqFllT_nDJ3NsMX8kJ0UXI4Gj9t9BLPZxped1XZFJjpCyH3dnQ8z5YZWfMMOYpwxXAz8gBgCBFtMp9bIteQ0llwhx-rfeFKQP6caVArcD5pawuUxPwzZQzpPnctezByCbm8ttmLVcx/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/AVvXsEgIr37KshiA0fWzOq_9KxHKfSRvZtZlb9oBLu41Z3FHzzo-9sRubPjqRVrQzw_eMWaGEfaSQ2wWPvqa2dg6svJ6ow50KrMh4ZFIWY3FS2bbBaP2GJbPOX_5Qbsyyx-KRN_aGso81PMIHLGb/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/AVvXsEgC2zrf3v-yQWf6HVCVToyZ3JWCGECqYsW6eSpBI4n5DxuU24CzA-dT_MM2cQZT9xZYfygi0_R7fsue016h3Bg8oLtg6xgy-TTQdWqQB4W5ebrqFYWMyzIHhcTLhX9yJ-eRRrIpvHKAFCj-/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/AVvXsEixGpv_k-rhu-WCarXmru0Hl7JqxrGIG2LlcdQj4vlEoFTQGXnfFjRLvuAhItC6v1cntcsL06swixs-w5lFOAsdxnysGCj8urZp35VGQvWW4c7kl4j21MsCRxhDJIxgxV_l5V9I8jIoqqpO/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/AVvXsEjnelC-EFZKANNdz30AaA2A3c4uGrkJnShfDEqYc9UHuTl5F_eoU2Sq0RklNHxQOhltXj46JOX-KTdJUTbJnSkm0iea57q-ntXrZW_d_eMy86-QPYhKHGDCMoSZeNxLW-6cx1Q4LO4Pvca0/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</p>
</div>
     </div>

Step 4. Now click on Save

And you're done! Enjoy (:

receive our updates directly to your phone now SMS follow techrul to 40404 to starts Now!!!(SMS is Free)

SHARE THIS