如何在Blogger平台添加无需下拉选择的单一语言自动翻译按钮

方法一：跳转至Google翻译页面实现（简单快捷） #

直接构造按钮，点击后自动跳转到Google翻译页面并完成当前页面的指定语言翻译：

1. 复制以下HTML代码，将zh-CN替换为你需要的目标语言代码（比如英文用en，日文用ja）：

<button onclick="window.location.href='https://translate.google.com/translate?sl=auto&tl=zh-CN&u='+encodeURIComponent(window.location.href)">一键翻译成中文</button>

2. 添加到Blogger：
   • 放在侧边栏/页脚：进入Blogger后台→「布局」→添加「HTML/JavaScript」小部件→粘贴代码并保存。
   • 放在单篇文章内：进入文章编辑页→切换到「HTML」模式→插入代码即可。

方法二：页面内直接翻译（无跳转） #

通过Google翻译内嵌脚本，在原页面完成翻译，仅显示指定语言的翻译按钮，无下拉菜单：

1. 配置基础脚本：
   • 进入Blogger后台→「主题」→「编辑HTML」，找到<head>标签，在其内部插入以下代码（替换zh-CN为目标语言代码）：

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'auto',
    includedLanguages: 'zh-CN',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script>

2. 添加按钮容器：
   • 在需要显示按钮的位置（布局小部件或文章HTML模式）插入：

<div id="google_translate_element"></div>

3. 保存修改后，页面会显示仅针对指定语言的翻译按钮，点击即可直接在原页面完成翻译。

常用语言代码参考 #

• 中文简体：zh-CN
• 英文：en
• 日文：ja
• 韩文：ko
• 法文：fr

内容的提问来源于stack exchange，提问作者Sulav Shrestha