2012年11月25日

Blogger 最新回應+留言者頭像+文章標題


(Pic from: softicons.com,freepik.com,all-free-download.com)
2015.10.10 公告:此工具目前已更新到 V2 版,請前往新版安裝頁面:「Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS」。

這個版本的「最新回應」小工具,其基本架構仍是延用「上個版本」的程式庫,主要差別為每則留言多了文章標題。優點是一眼就能清楚瞭解哪篇文章有了新留言,不過每則留言的區塊面積也增加了,如果喜歡介面簡潔一點的話還是可以選擇「無文章標題的版本」。以下照例先說明撈後台資料的原理,想直接安裝可跳「三、安裝程式碼」。

2012年11月20日

讓「Blogger標籤/搜尋頁面」能隨時切換標題模式與文摘模式


(Pic from: iconfinder.com)
2016.3.28 公告:2016.3.28 公告:目前已發佈新版,請前往「Blogger 標籤文章列表 V2

Abin 大發表的「標籤/搜尋頁面只列出標題」非常實用,過去曾使用過一段時間,但最後還是將此功能下架。原因無他,雖然自己使用時找資料快速,但畢竟部落格不是只有自己在用,訪客很需要看文摘來判斷文章是否值得閱讀,標題模式對訪客而言不是個友善介面。再加上現在每篇文章都花費了心力製作主題意象圖,如果訪客在「標籤/搜尋頁面」看不到圖片,那豈不可惜?

最近在想,有沒有兩全起美的方法,讓我自己可以只看到標題,但訪客能看到完整的圖文簡介,而熟客若只想查資料時,也可自由選擇切換到標題模式?實作了一下發現這不是很容易的任務,最後是使用變通的方法解決,想瞭解原理請看「一、原理及 Blogger 語法」,對程式碼不熟可直接跳「二、安裝程式碼」。

2012年11月16日

[教學]Blogger 自訂安裝 Google Adsense 的各種位置及方式


(Pic from: Installation sous Linux : Autopackage)
本篇的內容為紀錄我安裝 Google Adsense 各種方式及位置的筆記;因篇幅及方便閱讀的關係,如何運用本篇的筆記來進行部落格廣告位置優化的各種應用,留待下一篇詳述。

一般而言,Google Adsense 最簡單的安裝方式為使用官方的小工具,而小工具能拖曳到的位置有限,例如拉到側邊欄、導覽列上方、文章區塊上方、文章區塊底部等,簡言之就是所有「文章區塊」以外的位置。不過想要找出最好的擺放位置,只測試這幾個地方是不夠的,以下提供我安裝到範本中「文章區塊」的位置、以及限制各種條件下的方法。

2012年11月11日

Blogger 文章置頂+首頁公佈欄實作技巧


(Pic from: psdgraphics.com)
過去在「Blogger 小技巧」曾整理了一些公佈欄的筆記,以備實作時參考之用。一般而言,在 Blogger 要找到一個區塊能長期置頂實現公告的功效,大致有以下這幾個作法:

A. 放在導覽列上方
B. 放在文章區塊上方
C. 放在側邊欄頂端
D. 發一篇未來文章長期置頂

其中 A~C 的作法很簡單,在後台新增 HTML/Javascript 小工具,再拖曳到 A~C 的位置即可。而 D 的作法需要用到一點小技巧,因為如果開一篇新文章後選擇未來的日期發佈,那麼這篇文章會列入排程,等到日期到了才會出現在部落格,自然就無法長期置頂。

正確的作法為開一篇新文章後立即儲存發佈,接著再重新編輯這篇文章 → 文章設定 → 發佈日期 → 設定日期及時間 → 改為未來的日期 → 完成 → 更新。回到首頁之後,如下圖,就可以看到這篇到 2100 年之前都會置頂的文章了:

2012年11月8日

Javascript 設計模式(筆記)__(2) 函式

第三章:實字與建構式

建立各種物件比較有效率的方式──

1. 物件

// 舊的方式
var car = new Object();
car.color = "blue";
car.wheels = 4;

// 新的方式
var car = {
color: "blue",
wheels: 4
};


2. 陣列

// 舊的方式
var brand = new Array("BMW", "HONDA", "CIVIC");

// 新的方式
var brand = ["BMW", "HONDA", "CIVIC"];


3. 正規表示式

假設建立一個符合反斜線 "\" 的例子──

// 舊的方式
var re = new RegExp("\\\\", "gm");

// 新的方式
var re = /\\/gm;

2012年11月3日

讓作者頭像出現在搜尋結果__申請Google Authorship的撇步與心得(頭像篇)


(Pic from: freepik.com,danzxncrd.blogspot.com)
上一篇」曾提到基於個人隱私因素,不想在 G+ 放上個人的大頭照;因此如果跟我一樣,不想將玉照公諸於世的話,可參考本篇的心得。

2012年11月2日

讓作者頭像出現在搜尋結果__申請Google Authorship的撇步與心得(流程篇)

首先,這篇的詳細步驟是提供給 Blogger 參考,其他部落格只提供官網步驟;另外,第一篇的內容為正規流程;第二篇的部分內容也許不是出於 Google 的原意,所以標題的"撇步"代表有點走偏鋒。投機的方法目前可行,但未來 Google 政策會如何變更無人知曉,如何抉擇就看個人需求了。


一、Google Authorship 介紹

其實這並非新的工具,推出已經有一年了,相信很多人都不陌生,因此介紹的部分簡單帶過。根據「官方網頁」的說明,Google Authorship 中文稱為 "原創性標記"。通過驗證之後,所寫的原創文章(不是複製貼上而來的)出現在 Google 搜尋結果時,會一併附上作者大名及頭像圖案。至於作用為何有很多文章介紹過,可參考上面的官網、「參考網頁1」、「參考網頁2」等。