Blogger + Google +1 按鈕

2011年7月22日

Blogger + Google +1 按鈕

需要 Google+ 邀請函的請進
如果你還沒註冊 Google+ 成為其用戶，那麼在任何地方點 Google+ 按鈕是沒有作用的。目前 Google+ 改採邀請制，如果你希望成為 Google+ 用戶，請留下你的 Email，我可以發送邀請函給你，送完為止。歡迎到小Mic 的 Google+ 一起來廢屁～

重要: 編輯範本前請先 [下載完整範本] 備份存檔

修改步驟 [設計] → [修改 HTML] → 把 [展開小裝置範本] 打勾來編輯範本的完整 HTML

1. 在 <head> </head> 代碼之間加入以下代碼:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'zh-TW'} </script>

2. 再來就是將按鈕的程式碼加入你想要的位置 (任選其一)

a. 將按鈕置於標題前或後:
在 <h3 class='post-title'> 代碼前或後加入以下代碼:

<g:plusone expr:href='data:post.url' size='tall'/>

b. 將按鈕置於文章前或後右側:
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:

<g:plusone expr:href='data:post.url' size='tall'/>

c. 將按鈕置於文章前或後左側
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:

<g:plusone expr:href='data:post.url' size='tall'/>

3. 你還可以選擇按鈕樣式:

a. 小 (15 像素)

<g:plusone expr:href='data:post.url' size='small'/>

b. 標準 (24 像素)

<g:plusone expr:href='data:post.url'/>

c. 中 (20 像素)

<g:plusone expr:href='data:post.url' size='medium'/>

d. 長 (60 像素)

<g:plusone expr:href='data:post.url' size='small'/>

官網連結: Google +1 按鈕

　　　　　　　　　　　　　　　　　　　　　　　　　　按鈕樣式如下 ↓

沒有留言 :

張貼留言

訂閱：張貼留言 ( Atom )

MicNet © 2002-2017 Powered by Blogger . Theme by 小Mic