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}
<div id='google_translate_element'></div>
<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,