How to add Google Translate to Blogger - MR Laboratory

How to add Google Translate to Blogger

    How to add Google Translate to Blogger

    How to add Google Translate to Blogger

    Hello !! Today I will show you how to add a translator to the Blogspot site. People from different countries visit our website. Different countries have different languages. As a result, not everyone can read our written content due to not understanding the language. If we have a translator system on our website that will auto-translate and set the user's language. As a result, visitors to each country will be able to read our written content. So let's not add our website translator plugin.

    The advantage of Translate script

    Adding this translator will be of great benefit to your website visitors. They can easily do everything on your website. Visitors of any country will be able to read by translating their language.

    The disadvantage of Translation script

    Using this script will benefit you and also cause some disadvantages. Your website will be a little slow to say the least. Because this script will take some time to load.

    How to use translator code

    You will first go to your Blogger's theme settings. 

    Then Copy Css Below and Place Above Code ]]></b:skin>

    #google_translate_element{padding:0;margin-right:5px;margin-top:15px}.goog-te-banner-frame.skiptranslate,.goog-te-gadget-simple img,img.goog-te-gadget-icon,.goog-te-menu-value span{display:none!important}.goog-te-menu-frame{box-shadow:none!important}.goog-te-gadget-simple{background-color:transparent!important;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,5H10.88L10,2H4A2,2 0 0,0 2,4V17A2,2 0 0,0 4,19H11L12,22H20A2,2 0 0,0 22,20V7A2,2 0 0,0 20,5M7.17,14.59A4.09,4.09 0 0,1 3.08,10.5A4.09,4.09 0 0,1 7.17,6.41C8.21,6.41 9.16,6.78 9.91,7.5L10,7.54L8.75,8.72L8.69,8.67C8.4,8.4 7.91,8.08 7.17,8.08C5.86,8.08 4.79,9.17 4.79,10.5C4.79,11.83 5.86,12.92 7.17,12.92C8.54,12.92 9.13,12.05 9.29,11.46H7.08V9.91H11.03L11.04,10C11.08,10.19 11.09,10.38 11.09,10.59C11.09,12.94 9.5,14.59 7.17,14.59M13.2,12.88C13.53,13.5 13.94,14.06 14.39,14.58L13.85,15.11L13.2,12.88M13.97,12.12H13L12.67,11.08H16.66C16.66,11.08 16.32,12.39 15.1,13.82C14.58,13.2 14.21,12.59 13.97,12.12M21,20A1,1 0 0,1 20,21H13L15,19L14.19,16.23L15.11,15.31L17.79,18L18.5,17.27L15.81,14.59C16.71,13.56 17.41,12.34 17.73,11.08H19V10.04H15.36V9H14.32V10.04H12.36L11.18,6H20A1,1 0 0,1 21,7V20Z' fill='%23161617'/%3E%3C/svg%3E") center / 12px no-repeat;-webkit-transition:all .2s ease;transition:all .2s ease;background-size: 20px 20px;display:inline-block;font-weight:400;line-height: 1.8;padding:0 6px;text-align:center;white-space:nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-left:none!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border-radius: 4px}body{top:0px!important}

    Where you want to place the translator button. Put the code there. This must be inside the body tag.
    This button allows visitors to set their own language.
    <div id='google_translate_element'></div>
    Then you need to add some javascript code to make these functions work. You can put them anywhere you want.

    <script type='text/javascript'>

    //<![CDATA[

    function googleTranslateElementInit(){new google.translate.TranslateElement({pageLanguage:'en',includedLanguages:'en,bn,hi,or,gu,pa,ne,mr,ur,te,ta,bn,vi,id',layout:google.translate.TranslateElement.InlineLayout.SIMPLE},'google_translate_element')}$(".hover").mouseleave(function (){$(this).removeClass("hover")});

    var lazyts=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyts||0!=document.body.scrollTop&&!1===lazyts)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://mrlaboratory.github.io/blogger/translator.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyts=!0)},!0);

    //]]>

    </script>

    As you can see here, I have shown some code in red color. These are language codes by country. You will choose a few languages that can be translated to your website and put their language codes.

    Learn more about Wikipedia with language code.



    how to add google translate to blogger,google translate,how to add a google translate button,google translate widget,add google translate blogger,how to add google translate gadget,how to add google translate widget,how to add custom google translator code on blogger,google translate plugin,how to add google translate plugin in wordpress,how to add google translate in wordpress website,google translate in blogger,how to use google translate,translate your blogger, 

    Copyright © MR Laboratory
    Newer post Older post

    RELATED ARTICLES