【Blogger｜筆記】單篇文章的側邊擺放浮動推文 / 分享按鈕（Float Buttons）

不少部落格都有加裝這種浮動式分享按鈕（Float Buttons），像「可隨著視窗移動的社群分享按鈕」的作法是從直接從範本中修改，但其實有另一種方式可用－新增「HTML/JavaScript 小工具」。

由於中文搜尋結果～教學文章好像不多（關鍵字問題？），所以筆者就獻醜了...。使用情況就像下圖（直接看文章左側也一樣啦）。

步驟如下

【Blogger｜筆記】特殊文字區塊也可以很可愛

最近弄了一些變更 Blog 版面的東西，這篇想特別說說「特殊文字區塊」的變更歷程。原本這部份是不打算變動，畢竟筆者不是什麼語法達人，也不常寫 code 分享教學，但是～卻瞄到了這一篇「部落格文章＋特殊文字區塊（一）安裝與使用的完整解決方案」，頓時才驚覺好像可以搞點花樣，讓原本有點嚴肅的「特殊文字區塊」也能 relax 一下。

【Blogger｜LightBox】近日 Blogger 官方燈箱失效之解決方式

最近 Blogger 的燈箱（LightBox）功能失效了一陣子，官方一直沒有修復的動作，所幸找到一篇相當簡單的解決方式，有需要的人可以試試。

【步驟一】
登入後台
範本→編輯 HTML→勾選 展開小裝置範本

【步驟二】
Ctrl + F 搜尋「</body>」

【Blogger｜顯示分享按鈕】官方的分享按鈕功能雖然勾選，但一直消失害羞不見人？

經常改模版的人應該或多或少會遇到這個問題，長久累積下來的挖東牆補西牆，最後到處滲水 XD，卻又懶得整個拆掉重建的，試試看吧！

〔本文綱要〕

• 檢查「顯示分享按鈕」功能是否正常顯示
• 明明勾選了「顯示分享按鈕」卻消失不見之可能解決方式

【Blogger｜Hacker】在 Blogger 內文插入 Google Adsense，讓每篇文章自動產生廣告

想將 Google Adsense 廣告自動插入到每一篇內文？
但每發佈一篇文章就得貼一次廣告語法，似乎有點小麻煩！
而且，一開部落格首頁，好幾篇文章就夾雜了一堆廣告，也非一般格主的需求。
要如何做到～按下「繼續閱讀」或「完整正文」後才顯示廣告呢？

是的！此篇的重點如下：

• 每次發佈文章都讓 Adsense 自動插入到每篇內文，且正常顯示
• 按下「繼續閱讀」後，才顯示內文中的廣告

tips：修改前請先備份模版。「版面配置」→「修改HTML」，選擇「下載完整範本」存檔。

【Blogger｜3D中文標籤雲球】六個簡單步驟擁有 3D中文標籤雲，免去複雜的移植工作

此 3D 標籤雲球製作方法擷取自《中文標籤雲球-by coccus》，該作者還有介紹到fc2、pixnet痞客邦、roodo樂多等部落格標籤雲球的製作方法，有需要的請自行前往觀看。

觀看此 3D 標籤雲球效果如下。

WP-Cumulus @ blogger by coccus requires Flash Player 9 or better.

僅需要六個簡單步驟即可完工，不需要自行下載wp範本修改*.swf等麻煩步驟

開始吧！

首先提醒一下，以下介紹的僅適用 Google 家的 Blogger ，
此方式最讚的地方，就是夠「簡單」，因為 coccus 已經幫大家把複雜的部份處理好了。
Blogger 使用者僅需要做下列步驟即可：

Blogger Favicon 讓瀏覽器網址列顯示自製的個性專屬小圖示

此篇教學大致分為四大部分︰
Favicon 介紹
製作 favicon 的要點＆網站
上傳免費空間介紹 (Google Sites 協作平台)
Blogger 範本插入 favicon 程式碼
Favicon 簡單介紹︰
Favicon全名為→Favorite Icon ，
簡單說就是顯示在瀏覽器網址列上的網站小圖示，像下面的圖…
←Chrome Browser
←Firefox Browser
←IE Browser

所以~看到這裡應該很清楚到底什麼是 Favicon 了吧！？
透過這小小的圖示，可以讓你的網站/部落格，看起來更有〝味道〞喔！
而維基百科(危機百科！？)是這麼解釋的︰

Favicon是favorites icon的縮寫，亦被稱為website icon（網頁圖標）、page icon（頁面圖標）或urlicon（URL圖標）。Favicon是與某個網站或網頁相關聯的圖標。網站設計者可以多種方式建立這種圖標，而目前也有很多網頁瀏覽器支持此功能。瀏覽器可以將favicon顯示於瀏覽器的地址欄中，也可置於書籤列表的網站名前，還可以放在標籤式瀏覽界面中的頁標題前。

詳情請看 Favicon (維基百科) 真的介紹的頗詳細。

製作小圖示的要點︰
1.雖沒有限制一定大小，但一般以 16X16 (pixel) 為主流。
2.常見使用之圖片格式有 ICO、GIF、PNG 三種，建議使用 ICO 格式。
3.需使用特殊製作之工具/軟體，不是自己亂存成 *.ico 就能正常顯示。

Blogger 文章下方內嵌意見回應

目前 Blogger 已經內建該功能，這 Hack 已不需要囉！

以前（絕不是上個世紀），

Blogger 只有「整頁」跟「彈出」兩種回應張貼的模式，
「習慣使然」的我，覺得這樣很不方便，
於是乎，接受了 DISQUS 釋出的善意，
還因此生出了這篇Blogger 單篇文章直接回應功能，不用再另開視窗之《不痛教學》，
阿啦生性比較「隨性」，不會勤奮的更新文章，慢了好幾拍才知道這消息，
原來～Blogger已經可以把回應內嵌在文章裡了…
ok，那我們開始吧！

A》如果您是使用官方的佈景主題，只需要做下列設定：
     登入 Blogger 更改設定，更改完畢記得「儲存設定」。
    

【Blogger｜Hacker】Blogger 標籤、搜尋＆存檔頁面只列出標題

本文取自：ABIN’S TECH NOTE
標籤/搜尋頁面只列出標題 (Simplify the result of label and search) 

Blogger在搜尋＆點擊分類標籤的結果下，會列出一大串文章的內文，
如此一來，觀看所需文章相當不便，恐怕還沒「Ctrl+F」找到想要的內容，就已經眼花撩亂。
因此，只列出「標題」的 Hack 就很需要了，找了幾個 Hack ，大概就屬這個我最滿意，
有「濃厚」興趣者，請自行前往原作者的 Blog 參拜原文（原文連結已經放置頂囉！）
以下，則是不才擷取的重點：

StatCounter 計數器註冊教學

哇哈！其實「敝blog」沒有誇張的人潮，但阿啦還是喜歡搞東搞西 >"< ，
多年前弄msn space時，就使用過 StatCounter 的計數器，簡單又好用，
除了可以讓我們知道瀏覽人、次外，
甚至可以知道訪客的ip位址（防小白用）、停留時間、次數等，
這回「La's jargon」開張了那麼久，終於也弄了一個，順便把教學「生」出來，
造福有需求的人～～


首先，請先到StatCounter註冊吧！

關於這裡使用的Hack與工具記錄

此篇內文屬於個人記錄與筆記

【網址】
《轉址》

參考：Blogger 無預警轉換區域網址的影響及因應之道
作用：暫時因應不同國家會自動轉址（區域網址）
目前：使用中

【Blogger｜筆記】文章中貼上特殊文字區塊（code）

1.在(版面配置/修改HTML/範本)內，將此段程式碼貼到</b:skin> 的上面。

另外，圖檔請自行下載到自己的網路空間，以防萬一。 橘色字體部份也可自行更改顏色。

code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #000000;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #054925;
background: #E8FFA3 url(圖片連結) left top repeat-y;
}

Blogger 可用 Google+ 留言系統了！與舊有原生留言系統併用還是直接取代？補充表格 Google+ 社交圈與 Facebook 社團異同比一比

Blogger 在 2013 年 4 月底推出了新功能 - 將「Google+ 留言系統」取代 Blogger 中舊有的原生留言系統。但很多部落客早就在原生系統中加了各項功能，例如：作者高亮、留言編號、最新回應+頭像+標題、私密留言...等等多樣化的 Hack，一時之間使得已經 Hack 多種功能的部落客們難以取捨。

幸而很快就在「Blogger 中文社群」看到一絲曙光（到「Google+ 留言框「網頁版」安裝說明」觀看），這使得左右為難的部落客們可以兩者併用不產生衝突，真是一舉兩得！

（PS.本文日期如此久遠是因被筆者歸類為站務筆記，實際 PO 文日期是 2013.04.21。）