title: 新 Google+ 徽章（badge）可自訂寬度、顏色樣式

---

**摘要**

自從 Google+ 推出官方的網頁徽章後，許多人抱怨不能自訂徽章的寬度，導致喜歡的樣式無法套用到網站中，現在官方一改徽章的設定頁面，除了選擇樣式的方式改變外還新增了自訂徽章寬度、顏色的功能，想要多寬任由你設定，顏色有黑色和白色兩種可供選擇（感覺好像是在挑 iPhone），如果先前因為寬度關係而沒有擺上徽章的話，現在可以來設定一下囉！

**Category**

- [Google+](https://www.soft4fun.net/category/social-networks/google-plus-sns)
- [社群](https://www.soft4fun.net/category/social-networks)

**Tag**

- [Google plus](https://www.soft4fun.net/tag/google-plus)
- [Google+ badges](https://www.soft4fun.net/tag/google-badges)
- [Google+ widget](https://www.soft4fun.net/tag/google-widget)

**圖片清單**

- ![新 Google+ 徽章（badge）可自訂寬度、顏色樣式 google-plus-badge](http://pic.soft4fun.net/imgs/6cc91ec4fd01_1449B/google-plus-badge.png "新 Google+ 徽章（badge）可自訂寬度、顏色樣式 google-plus-badge")

---

自從 Google+ 推出官方的網頁徽章後，許多人抱怨不能自訂徽章的寬度，導致喜歡的樣式無法套用到網站中，現在官方一改徽章的設定頁面，除了選擇樣式的方式改變外還新增了自訂徽章寬度、顏色的功能，想要多寬任由你設定，顏色有黑色和白色兩種可供選擇（感覺好像是在挑 iPhone），如果先前因為寬度關係而沒有擺上徽章的話，現在可以來設定一下囉！

 

.

          

> 新G+徽章設定：[點這裡](https://developers.google.com/+/plugins/badge/config?hl=zh-tw)

 

#### 設定方式

 

![新 Google+ 徽章（badge）可自訂寬度、顏色樣式 google-plus-badge](http://pic.soft4fun.net/imgs/6cc91ec4fd01_1449B/google-plus-badge.png "新 Google+ 徽章（badge）可自訂寬度、顏色樣式 google-plus-badge")

 

先將你的G+專頁ID或[個人ID](https://plus.google.com/me)複製下來並貼到頁面欄位中，Feature 有 Icon、Small badge、Stand badge 三種樣式可以選擇。選好後按一下「Advanced Options」，在 Width 欄位輸入徽章寬度並在「Color Theme」選擇徽章顏色後，將網頁下方提供的原始碼複製起來再貼到網頁的適當位置即可。

   

.