[Blogger HACK] 使用Google drive來儲存(HOST) CSS/Javascript 資源

我們常常會把一些第三方的資源(ex: jquery/bootstrap)整合到Blogger中，
但因為部份的提供資源的作者，並沒有提供CDN的網址來取存這個資源，
如果將這些程式碼都加到樣版上，肯定不好管理與維護。
如果有你這些困擾，你現在可以將這些資源(檔案)上傳至Google Drive上。

[Blogger HACK] 如何於首頁自動擷取文章斷落與縮圖語法

找到一篇如何改寫blogger文章列表的方法:D，
如果要自已刻自已的列表可以參考!!
LOOPS, LOOP POSITIONS, AND ISFIRST VARIABLES IN BLOGGER

不過還是沒有找到可以在單一篇文章內容的語法XD，殘念

[Blogger Hack] If 條件式判斷 tag

Blogger樣式提供許多tag語法，可以來使用者來客制化樣版內容。
常用到有條件式判斷，可參考以下這個連結:D

http://www.bloggersentral.com/2010/08/targeting-specific-pages-with.html

[Blogger Hack] Blogger SEO小技巧

從來沒有好好對自已的部落格做做SEO的研究，因此就搜尋一些網路上針對Blogger SEO優化的文章來實驗看看，不過大部份目前Blogger都有提供設定介面來方便使用者做SEO。剛好從今天開始來比較一下SEO設定後的效果如何XD，以下SEO小技巧請大家服用。

對文章標題的最佳化

一般來說把網頁的title以部落格文章的主題開頭是對SEO比較好的，但預設設定確為網站名稱+文章標題，這可是非常不好!!

1.首先到後台選擇範本->編輯HTML


接著在head之間找到以下的tag

<title><data:blog.pagetitle/></title>

2. 將第一步驟的東西取代如下

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

[Blogger HACK] 提供使用者閱讀方便的"回到上層"按鈕整合

很多部落格的文章的內容愈來愈長時，
都會提供回到最上層的按鈕供使用者快速捲到最上層。
想要快速整合嗎?
可以參考這篇文章
http://www.allbloggertricks.com/2013/04/scroll-to-top-jquery-button-for-blogger.html (這網站超多blogger的技巧可以參考!!)

[Blogger HACK] 套用Bootstrap的選單導航列

這周把網誌多加了選單導航列功能，感覺比較有助於使用者查詢資料。
由於美編設計不是很在行XD，所以就找了Bootstrap來套。
記錄一下修改方法，有興趣的朋友可以試試。

開始修改

Step1: 首先進到管理介面，點選範本 => 編輯HTML，如下圖示

Step2: 在範本內容搜尋字串結尾，置入bootstrap CSS樣式的URL

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"></link>

[Blogger HACK] 使用 SyntaxHighlighter 排版程式碼

由於常常會使用copy & paste大法來使用之前在blog貼的程式碼範例，
不過先前都沒排版，
看起來非常不順眼，
今天特地透過Google大神找到這個 SyntaxHighlighter 程式碼排版工具，
如果想知道怎麼使用的話，可以參考這位佛心人士CraftyFella's Blog
的Syntax Highlighting with Blogger Engine教學文。

如果你看不習慣英文的話，就照下面做就好。