v Blogger後台新增社會書籤按鈕設計 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

2010年6月25日 星期五

Blogger後台新增社會書籤按鈕設計


今天看到Google Blogger新增了一個新的功能,就是社會書籤分享按鈕(Social Bookmark Share Button)的設計,讓您不用再使用其他的Hacks程式,在Blogger後台就可以直接加上社會書籤的功能,讓您的文章分享到更多網路工具上。


如何做呢?進入後台→設計→在網誌文章區,按下編輯


就會跳出文章編輯區的設定,只要勾選"顯示分享按鈕"這一欄位即可完成。



而這部份的位置是可用滑鼠拖曳移動到你想放的位置上,


選擇好位置,按下儲存鍵即可完成,你就會發現你的文章版面上有了分享工具列(如下圖)。



如果你想在前面加上一些中文說明,提醒網友注意且使用,後台→設計→修改Html,勾選展開小裝置範本,找到這段程式碼,
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

然後在前面加上類似,"分享您的網誌:"這些文字,
分享您的網誌:<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

就會出現下圖這樣,



但如果你的模板不是採用官方的模板,或是已經更改很多後台html的語法,這個工具列可能安裝後沒法看見,

通常是你的模板少了以下程式碼,這段程式碼是社會書籤出現的程式碼。
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

只要將這段程式碼加到你想加的位置上即可,通常是在
<div class='post-footer-line post-footer-line-2'>
的前面或後面,或是post-footer-line-1或3,自己加上即可,每個模版都不盡相同。

如果還是找不到正確位置,就只能按下"將迷你組件範本回復為預設值",應該就可以解決,但是你原先裝的Hacks是有可能不見的,所以修改前記得備份。

所以不用透過Hacks程式,你也可以輕鬆有個分享按鈕欄,如下圖,需要的朋友可以裝看看。


P.S.另外如果您想將圖片置換成其他圖片,目前綸太郎還在研究中,和以往置換的方式有些許不同,如果研究成功再跟大家分享。

參考來源:
Blogger Buzz: New Share Buttons

18 則留言 :

  1. 这个功能一个月前就有了!

    回覆刪除
  2. 我用改造後的模板
    像這種官方的小功能都顯示不出來
    又很不想為了這點事去破壞模板
    還好看到這篇~感謝感謝!

    回覆刪除
  3. 每次要將你的文章分享到facebook(按你網頁的facebook標籤),但是都會跳出視窗要我輸入一長串難以識別的認證,實在太麻煩了,有解決方法嗎?

    回覆刪除
  4. Jack,應該貼任何人的文章都是如此,我貼我自己的也是要驗證碼,這是FB的機制吧,解決方法可能只能向FB建議吧。

    回覆刪除
  5. 哇~~這個好方便好簡單唷~
    不然我掛了好幾次FB分享都沒有成功(都只能分享首頁),這個一個勾勾就解決了耶。
    不過我有勾了,也選了要掛的位置,不知道為什麼頁面上還是沒有出現呢?
    可以請教一下需要改那邊的語法嗎?謝謝呢!

    回覆刪除
  6. 文章裡提供的兩個解決方式有試過了嗎?

    回覆刪除
  7. 真的太謝謝您了。
    因為我一開始有試第二種方式,是會出現,可是我的設定外掛就都不見所以設回來。
    現在用第一個方式可以了。不好意思呢!
    這樣就更方便在FB分享了。
    突然發現原本無法正常出現的小圖也出現了耶??我沒改什麼啊?!
    謝謝唷!

    回覆刪除
  8. 顯示小圖以為可以出現了,回自己格看了一下,自己的地方還是出現『叉燒包』(打X)耶?
    奇怪了...是我的佈景設定有問題嘍?(被我東加西加了一堆東西了..)

    回覆刪除
  9. "將迷你組件範本回復為預設值",可能會影響到一些功能吧,Hacks衝突也有可能。

    回覆刪除
  10. 您好。我發現問題嘍。
    把Blogger的comments回覆功能拿掉大頭照就可以出現了。^^
    而且驚嘆號訊息也沒嘍。
    只是現在換的這種留言方式,不是很喜歡,
    因為名字跟內文字一樣大,還有長長的日期,不知道要怎麼改呢?!但是既然可以正常顯示,就將就用了。
    常來麻煩您解答,真不好意思,謝謝您嘍!

    回覆刪除
  11. 長長的日期在後台設定就可修改,留言→意見時間戳記格式,選擇你要的格式即可。
    改作者名字,應該是找到
    #comments .comment-wrap .right cite b {
    float: left;
    }
    加上font-size:16px;
    類似這樣就行了,或是前後相關的語法,你可以自己測試看看。

    回覆刪除
  12. 幫了我大忙的文章 感謝

    回覆刪除
  13. 請問有辦法新增噗浪在裡面嗎???~"~

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能

Related Posts Plugin for WordPress, Blogger...