玩 Blogger 部落之我的筆記: blogger小工具

網站上，總有著許多熱心朋友製作一些小工具教學
這頁面記錄著我有興趣的小工具

1.新增了一個我的Instagram區塊欄位小工具，這顯示放置方式在wordpress和xoops網站裡頭都可以放置哦～有興趣的朋友可以點這裡看教學

參考圖文如下：

2. Google+ Followers 小工具是在blogger預設工具裡頭就有喔～(設定 Google+ 追蹤者)
圖文參考如下：

3. 毛小孩哈嚕，這是blogger預設工具裡頭的圖片工具，在版面配置這去新增小工具找找唷。

圖文參考如下:

4. 隨機文章推薦，這是一個圖片輪播特校，套用方式並不難，教學可以點這裡參考放上

圖檔參考如下：

5. 將標籤分類工具以樹狀分類呈現，如下圖所示。參考作法教學請點這裡囉 ←

ps.注意，因為我已經在首頁上放置圖片輪播特效，所以在這部分套用的js 語法就可以不要再複製上去，造成重複套用!(下面那段語法)

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

關於這部分做法，我自己簡單的紀錄一下我的筆記，有興趣或者您參考教學還是失敗的朋友，建議您參考一下我的筆記^^

6. 修改訂閱文章工具，直接參考這篇教學內容

不解的是，在套用教學語法總是出現問題？後來，我將程式碼修改如下才可正常訂閱？

點這裡端看訂閱修改後的語法 (0160512取消此套用，採預設的...)

嗯.....就先記錄下來吧！

7. 燈箱外掛在1060511日套用上去，教學參考如左方連結。在2. 準備動作中我沒有套用...jquery/1.8.2/jquery.min.js 這段語法，因先前網頁套效中已經有放上js了。

ps.這裡需要注意下圖紅色箭頭和框線的設定哦~否則會出現兩種燈箱顯示

8. 網頁中英文字型修改套用在(1060511)修改，參考教學如左連結。我修改了文章區塊和側邊欄位區塊的文字呈現

9. 修改主題的浮動選單置頂和回到頂端的呈現(1060513)，這裡我還寫了篇自己修改主題的筆記，有興趣參考的朋友可以看一下。點我進入筆記

10. 新增側邊工具顯示最新文章+縮圖呈現...挺喜歡這樣的效果。(1060514)，參考下圖

11. 在側邊工具加入TAB功能區塊的呈現，參考下圖。第二個TAB最新留言的套用教學點這去看看

12. 讓網頁文字能有底線的文字效果，這就是範例，可以點這看教學

13. 文章中顯示程式碼的樣式呈現，點這參考最簡單套用法效果呈現如下圖

以後只要在編寫文章需要貼上語法時，只要切換到HTML編寫模式下，輸入

<pre class="code prettyprint">這裡貼入您要的語法.....即可!這段前後碼不動，改掉這紅色文字部分喔!</pre>

14. 數字分頁+Ajax動態載入效果，套用教學請點這 (已先取消不使用)

網頁