[網頁] 如何顯示文章後分享按鈕| 按鈕不見了| 找不到展開小裝置範本?

對於新手部落客而言  (心有戚戚焉)

Blogger改版後會遇到其中一個問題是

咦   少了【展開小裝置範本】

該怎麼顯示文章後的分享按鈕呢?

(像是via Facebook, Twitter, Plurk.. and so on) 

而且，也由於改版的關係

這些按鈕不見了!


來，就讓瑪姬吳來分享一下以上令人爆走的問題..





如何在每篇文章後增加Social sharing 按鈕呢?


很簡單，就以下幾個步驟:

1. 登入Blogger後台
2. 點選【編輯】
3. 把【顯示分享按鈕】打勾勾
4. 按【儲存】就可以啦
  
        (如下圖)

靠著滑鼠的拖曳，你也可以自由的編排這些按鈕的順序哦!


如果這招沒用怎麼辦?


對於某些Template，單純的勾選【顯示分享按鈕】還是沒用膩

所以來，手動添加按鈕!

步驟如下:

1. 登入Blogger後台
2. 選擇【範本】

3. 選擇【編輯HTML】 (如下圖)

4. 選擇【編輯範本】(如下圖)

搜尋下列這串code 1

<div class='post-body entry-content'>
<data:post.body/>

注意哦，先將滑鼠游標停在內文code上，利用【Ctrl+F】叫出搜尋放大鏡來搜

找到後，將下面這船code 2貼在code 1後面

<div class='post-share-buttons'>
  <b:include data='post' name='shareButtons'/>
</div>

5. 點選【儲存範本】

在這裡就顛覆了以前(找得到展開小裝置範本)的做法了耶!

加入文章分享按鈕

1. 登入Blogger後台

2. 選擇【範本】

3. 選擇【編輯HTML】

4. 勾選【展開小裝置範本】















5. 尋找下列這串code




<data:post.body/>




接著把下面這串code貼在剛剛的屁股後面




<div class='post-share-buttons'>

  <b:include data='post' name='shareButtons'/>

</div>

6. 點選【儲存範本】

然後就完成了!

如果你喜歡我的文章或是覺得它有點兒用處

歡迎Follow或幫我分享出去

讓人笑兩個:))