2013年3月31日 星期日

【教學】有關 share buttons 的小技巧

今天說一下如何在部落格中加入 share buttons (分享按鈕?)

示範圖


方法有兩種
1) 在「版面配置」>>「網誌文章」>>「顯示分享按鈕」中打勾
再在「排列項目」中把分享按鈕拖曳到理想的位置


假如你是使用自己編輯 HTML 的範本很大可能會失敗
這時候可以用方法二
2) 在 <div class='post-header-line-1'/>  與 <div class='post-body entry-content'> 之間插入粉紅色的四行

<div class='post-header-line-1'/>
  <div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'>
   </b:include> 
  </div>
<div class='post-body entry-content'>

然後就會這樣子


而至於如何刪除 "Recommend this on Google" 那一句
可以在 CSS 裡把以下的 code 隨意加在任何一欄

.goog-inline-block.dummy-container div, .goog-inline-block.dummy-container div iframe ssyby, .goog-inline-block.dummy-container div iframe {
width: 32px !important;
}

0 意見:

張貼留言

Copyright © 2012–2015 群紗記事 : 無責任日語翻譯