Blogger的GTranslate 或 Google 翻譯功能

在 Blogger (Blogspot) 網誌上添加 GTranslate 或 Google 翻譯功能，主要有兩種最實用的方法。

1. 使用 Blogger 內置的「翻譯」小工具

 (最簡單)Blogger 平台本身就內嵌了 Google 翻譯小工具，你可以直接在後台開啟：

登入 Blogger 後台。

點擊左側選單的 「版面配置」 (Layout)。

在你想放置翻譯按鈕的位置（例如側邊欄 Sidebar），點擊 「新增小工具」 (Add a Gadget)。

在彈出的列表中向下滾動，找到並點擊 「翻譯」 (Translate) 小工具。

選擇顯示樣式（如：垂直、水平或僅下拉選單），點擊 「儲存」。點擊右下角的儲存圖示，重新整理網誌即可看到效果。

2. 使用 GTranslate.io 自訂程式碼 (外觀更美觀)

如果你希望網誌擁有更現代的外觀（例如漂亮的國旗圖示、懸浮按鈕），可以使用第三方工具 GTranslate 來產生代碼：

前往 GTranslate Widget 產生器。

設定參數：

Widget look：選擇你喜歡的樣式（例如：Float 懸浮、Flags and dropdown 國旗加下拉選單）。

Original language：設定你網誌的原始語言（例如繁體中文）。

複製頁面右側自動產生的 Widget Code (HTML 程式碼)。

回到 Blogger 後台 =>「版面配置」 => 點擊 「新增小工具」。

選擇 「HTML/JavaScript」 小工具。

將剛剛複製的程式碼貼入「內容」框中，並點擊 「儲存」。

💡 隱藏頂部翻譯工具列的進階技巧

使用 Google 翻譯後，網頁頂部常常會出現一個醒目的 Google 橫幅頂欄。

如果你想隱藏它，讓網誌看起來更具一體性，可以透過 CSS 隱藏：

在 Blogger 後台點擊 「主題」 (Theme)。

點擊「自訂」旁邊的下拉箭頭，選擇 「編輯 HTML」。

搜尋 </head> 標籤，並在其正上方貼上以下程式碼：

html

<style>

  iframe.skiptranslate { display: none !important; }

  body { top: 0px !important; }

</style>

請謹慎使用程式碼。

點擊右上角的 「儲存」 圖示。