最新消息

[公告2014/05/30] 如有需要將部落格中,任何一篇文章的程式碼使用在商業用途,請與我聯繫。

[公告2015/04/26] Line版的 iInfo程式與投資應用 群組已上線想加入的朋友們,請先查看 "入群須知" 再與我聯繫 Line : aminwhite5168,加入請告知身分與回答 "入群須知" 的問題。

[公告2018/04/22] 台北 Python + Excel VBA 金融資訊爬蟲課程,課程如網頁內容 金融資訊爬蟲班:台北班 Python 金融資訊爬蟲、EXCEL VBA 金融資訊爬蟲

[公告2019/01/08] 請注意:我再次重申,部落格文章的程式碼,是要提供各位參考與學習,一旦網頁改版請自行修改,別要求東要求西要我主動修改,你們用我寫東西賺錢了、交差了,請問有分我一杯羹嗎?既然賺錢沒分我,請問有什麼理由要求我修改,如果沒能力改,就花錢來找我上課。

[公告2019/12/01] 若各位有 Excel VBA 案子開發需求,歡迎與我聯繫,可接案處理。

[公告2020/05/22] 頁面載入速度慢,起因為部分JS來源(alexgorbatchev.com)失效導致頁面載入變慢,目前已做調整,請多見諒。

2015年2月27日 星期五

在 blogspot 讓顯示"顯示分享按鈕"與加入FB分享按鈕

我的Google blogspot,每次勾選"顯示分享按鈕"後都看不到顯示,原本以為這樣是正常,在爬了一些文章後才發現原來大部分的人跟我都一樣不正常,原因是用了非官方的範例造成,後來決定想辦法修復它。

到「後台」→「範本」→「編輯 HTML」中
添加"顯示分享按鈕"
找到以下這行
<div class="post-footer-line post-footer-line-1"></div>

<div class='post-footer-line post-footer-line-2'/></div>

<div class='post-footer-line post-footer-line-3'/></div>
將下面的程式碼貼上後,儲存範本
<pre class="brush:html">
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if></div>

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

添加FB分享按鈕
跟上面的做法相同,找到以下這行
<div class="post-footer-line post-footer-line-1"></div>

<div class='post-footer-line post-footer-line-2'/></div>

<div class='post-footer-line post-footer-line-3'/></div>
將下面的程式碼貼上後,儲存範本
<!-- 加入FB分享鈕 -->
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>分享到塗鴉牆</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp; share=true&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:150px; height:21px &quot;&gt;&lt;/iframe&gt;&#39;);
</script>
<div class='g-plusone' expr:data-href='data:post.canonicalUrl'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<a class='twitter-share-button' data-lang='zh-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>推文</a>

參考資料
WFU BLOG Blogger 調校資料庫 - [教學]Blogger 範本﹍(3) 文章及留言區塊的程式碼