Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 - 硬是要學
首頁 » Google+, 部落格工具» Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧
Werboy 發表於

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧

文/Werboy

Google+ 在台灣的熱門程度已經達到火紅的境界,許多部落客或站長也紛紛投入 Google+ 的懷抱,不過要怎麼讓粉粉絲們加入你的圈圈是個大問題,寫一篇文章嗎?不!最好的方法就是在網頁上放一個「加入我的圈圈」的 Widget,讓所有訪客都可以看到,並且加入你的圈圈。

加入我的的Google+圈圈點我加入

推薦你看

目前 Google 還沒推出官方的 Widget ,不過已經有國外網友設計出來了,設定方法也很簡單,只要五個步驟就可以完成,快將 Widget 放到你的網站去拉粉絲吧!

網站名稱:Google Plus Widget
網站網址http://widgetsplus.com/

Widget 設定步驟

Step 1

進入 Google Plus Widget 後,按下網頁上的【Get Widget】

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-01

Step 2

切換到你的 Google+ 頁面,打開 Google+ 的個人頁面,將網址上的個人ID複製下來(如下圖所示)。

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-02

Step 3

將剛才複製的ID貼到「Google+ ID」欄位裡,並在 Widget width 欄位設定 widget 的寬度。

※ 勾選「Include upload feed」可以在 Widget 裡顯示最近發表G+文

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-03

Step 4

切換到〔Title settings〕分頁,把 Title 及 Google+ logo 打勾,並將 Title Text 欄位的內容更改為「加入我的圈圈」。

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-04

Step 5

最後按下【Get code】並將程式碼複製起來,開啟網站原始檔並將代碼插入到你要的位置即可。

Pixnet 可在部落格設定的側邊欄位設定裡面新增一個欄位,然後將程式碼貼上後襬放到適當的位置儲存。

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-05

展示圖

加入我的的Google+圈圈點我加入

Google+ 網頁工具(Widget),讓大家一起加入你的圈圈吧 GoogleWidget-06

 

詳細功能設定

Main area settings:設定背景、框線及分隔線顏色。
Title settings:設定標題內容及標題顏色。
Name text:設定顯示暱稱的顏色及大小。
Botton:設定按鈕的大小、顏色。
Bottom Text:設定 Widget 底部文字的樣式及顏色。

相關關鍵字:
Google+ 最多人瀏覽 »

Sorry. No data so far.

部落格工具 最多人瀏覽 »

Sorry. No data so far.

關於

3C科技部落客,硬是要學共同創辦人,台灣部落客社群(TBC)共同發起人。熱愛發掘、體驗及分享各類科技產品。

Email:werboy@soft4fun.net

Facebook 網友留言

站內留言

有 8 個人討論 »

  • TONY LIN 說:

    不好意思,請問: 最後按下【Get code】並將程式碼複製起來,貼到網頁上就可以了.................那個網頁是指哪裡?...

  • Werboy (author) 說:

    抱歉描述不清楚,是指網頁的原始檔,如果你適用無名或痞客邦的話,就加到側邊欄位吧

  • 大尾 張 說:

    pixnet似乎不支援語法??

  • Werboy (author) 說:

    Pixnet 可在部落格設定的側邊欄位設定裡面新增一個欄位,然後將程式碼貼上後襬放到適當的位置儲存。

  • Yuchi Wang 說:

    一直顯示 google+ 目前處於限定測試階段....要如何才能使用呢 >?<

  • Werboy (author) 說:

    要透過邀請函才能使用,可以寄你的email到站務信箱來,我寄邀請函給你

  • Yuchi Wang 說:

    感謝您, 已收到邀請信 ^^

  • haleny 說:

    唔,大哥~我的都得到CODE後一直無法顯示圖片,我不知道是為什麼,能救我一下嗎?

留言還缺你一個哦!

支援Gravatar,你可以在不同的地方顯示同樣的大頭貼圖片,還沒有嗎? 快去申請一個吧!.

你可以使用這些標籤:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

您的留言將會在審核後顯示在頁面上,請別重複留言唷!!

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉

Close