HOW TO ADD TRANSLATE FLAG ON BLOGGER

Posted by

: Saturday 23 August 2014

HOW TO ADD TRANSLATE FLAG ON BLOGGER

n 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

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://tnlsolution.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://tnlsolution.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) +'&langpair=auto%7cur&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) +'&langpair=auto%7chi&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) +'&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/AVvXsEjMybklgF1C9iR7gR4aeSPJAuFrRx3p_OZg_KT99fGZuvgybVCNQSFBUSyodXbNJa1k7YgYE0gx3GpcM2k-JTZgYyvc60U8IKB6g1BHLfoWXpTCh3MTDxv-r3OF8RK41sYLKea9HqVhvZk/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) +'&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/AVvXsEg97lOtwtB9F7E5xF17_fykRL1oxON5i0W5FYt6b88TGonisyVacGnmkdhfhIMkNo02qjdEBAWs2YBCB5YQlZSHMuQQKmkaxENKTJTsS1ZrxWiThHy0qdzVOazXx9UKMQaE9-vTg6Ms2cY/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:/tnlsolution.blogspot.com#" 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) +'&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/AVvXsEjOLamGf8nXOy_ZNCChBZp8aoIjsubtK6egX037d86wKUJUNHvgK-eQeODQpW_HS4hdyWc0TeXHu98jTZXquQJWCd3aL59HZ3aAqQpjErOZOLkK_bl7aPJpgcKzwyAmRR05TxEdJ-Z_HKs/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://tnlsolution.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) +'&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/AVvXsEjOPBqcJk3-dAFelqybHA7PwVf1fVc8sodDPzWwC639wUmtddzLEW0MRWbxO1IFMFTDl03iVWKK62Oev22bFjLXP0MUjvp7nH9YE-xRjtpACOlJ8-quWMQZFaCLWhBnepxWZj2dtOFv0CQ/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://tnlsolution.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) +'&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/AVvXsEh6zMBgVSRHwJyuTeUV3h_k5wTljBCY5PGQcJIAnp5E6u-H5vVv7Y29ay8gvP-10TvZEBOoO0C4RTCydU2PNhBOSCmDUuagrqfvKDk9-DnS3kc6lEzfPswSy6ZttEtSlPBSQsgFKZVhRlc/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://tnlsolution.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) +'&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/AVvXsEhk46b83cSwgTjMwPUtrmQlcFyuEYHkVFcQrQmwCmhIFbr90JJJ4wI1LP94PHTx70caiIVBprp2bD9sIvi5rgbjJAKtkX-9Kd_vuY8TrQjD2H0HJ9G0SrR5tgzuS3dcp8aAKzhC1MYNOcg/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://tnlsolution.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) +'&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/AVvXsEhvf6WOPObyBnlSP3yFwPZPza8S5-ng3YjvfEfHtzXXLfwFYn5xTZ7wsB7gYCnv5yPDhhwJYeKkqa9ec-3O9t68b0Szx26USFtAPpnkaQ8r97qqUCom2EXRbe5JBSItryq5vjcpNxE6lXI/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://tnlsolution.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) +'&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/AVvXsEhrztbLei4dcqQeHVMdWQPa8cm0tBcFw2xA3dkZa_lJy8AaUe_K1uBw21LBVzgDVWKWtTIbZFeU4WeoYMEGgOqrz0u4sIJbkYMg07AEaPR_aF3PZT0miFatO2UtCmvgdI2_LwwZVUWFABQ/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://tnlsolution.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) +'&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/AVvXsEhKy4Klo6g0tbQD3k4s9xlYHlxL9BcxLkz9SX6QEED13ECm_oAlyOOse31GURV6Y5jgWZiL3f0kRe2cx-ANftk3li1AmL-WeA6XtSTI_QdwC0xp1xwh3VNaElweM_hCwXfV80BiziNdv80/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://tnlsolutionj.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) +'&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/AVvXsEjcfSe8Hm7SuC6hZbVVKfBWzbCfxMtzW8aMmZX5ZHcPxQjS9IflJFh6Xi5I9Euxha8fO15jpwgtMdoPE04gCOR1myz1n7N0GAVfPCOS350zaaQvM4aeIRt1dtSd0sfbML-qTxBMw9L9MEw/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://tnlsolution.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) +'&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/AVvXsEi7oX-lK6-pCRMoRMYeKCpBTblTXlWQb_sGXsYOvf_Fl9hOvsbjfpr_8nxjtCmXzlW2SnW7AeB3c9OceFL0QXUlppmRsV37WQC_lKFcZzOrtfUnOIDlKeiYeEde241MFM8pQueNzY_i55o/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://tnlsolution.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) +'&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/AVvXsEg7Zoa-f-rTD3vO4FURyXvEbTSPu9KkTfTxOaCV4Vt3DU24U-3r5BfsfNZmDtwE66n-v5e4-189DplG83W6_D6WqYrY0lQ_IeC2hyG3erFJuzulojF1BSo_gfjx-beosAkifUK3vctvm0U/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.