Something about Blogger

關於部落格裡目前使用或曾經使用的Blogger資源，整理如下。一方面是為了方便自己回頭查找，一方面也分享大家可能需要的Q＆A。



▌帳號註冊查詢：
usernamecheck.com


▌Blogger模版、版型下載：（按字母排列）
ajoyfulheart.com/linkware.htm
blogcrowds.com
blogskins.com
blogfashions.com
btemplates.com
elated.com/pagekits
freetemplates.blogspot.com
ourblogtemplates.com


[註]我想每個人個性不同，想呈現的風格也不同，可能就算下載了套件模版後也想要微調成自己想表達的視覺，就像和電子羊用的是同一副版型，除了我們私下討論過的一些語法上的問題之外，彼此文字、圖片等是很不同的感覺路線。而微調這工作可以很簡單也可以很複雜，有時候小小一個bug就能耗上好幾天研究，不過這也是一種樂趣和成就感，所以僅分享模版下載位址，本部落格已調整後的原始語法就不方便給予了，請見諒。（但若有問題仍歡迎提出）


▌繼續閱讀功能：
1.一勞永逸CSS版：需要每篇文章置入包覆語法，但相對開啟網頁時較省時、乾淨。

2.懶人加強版（JAVA）：開啟部落格首頁後，必須等文章全文下載結束，才會上捲成繼續閱讀，方便性在於不用每篇置入語法。


▌最新文章：
Blogger最新回應程式產生器
Blogger 最新文章功能：同樣也是新增Widget，端看個人喜好。


▌最新回應
Blogger最新回應程式產生器
Blogger 最新回應功能(與無名、Pixnet格式相同)
Blogger 加強型最新回應 2.0：這是可以折疊收合的，而且可以看見所有的回應與回應文章，但程式跑起來稍嫌肥大，顯示速度較慢。

圖例：



▌RSS訂閱：
feedburner.google.com：永久RSS，不論換至那個BSP平台，都能隨時更換轉址。


▌相關舊文推薦輪播：
文字版語法：
Abin's Tech Note-加入相關文章功能(Related Post)：這個可能需要先能看懂Abin的說明語意，再講求對語法的瞭解度（笑）。如果只插入第一個呼叫語法無效的話，不妨再試著加入第二個。

另外發現在google chrome瀏覽器中，隨機的文章標題前的"˙"可能會錯位，可以拿掉語法中「相關文章：」文字後方的"ul"語法，即能解決。

外掛Widget簡易版：
Linkwithin.com：每篇文章可輪播三篇相關舊文。
postrank.com：提供部落格內最熱門的文章排行。
Bstir：文字型隨機輪播。


▌外掛Flicker相簿聯播：
製作Flicker相簿徽章
Flicker Profile Widget


▌共享書籤推文鈕：
張可樂-BLOG加入共享書籤按鈕


▌瀏覽器小圖示 - favicon
FavIcon from Pics 2.0：需有網路空間可以上載ico圖檔格式連結（google site或geocities yahoo網頁空間服務等皆可）。

1.製作16×16小圖示（jpg、gif、png皆可）上傳至FavIcon from Pics 2.0後，會產生一個ico與gif壓縮檔資料夾，隨即可下載上傳至自己的網頁空間。

2.上傳後找到ico圖檔位址，將以下語法前後加上"<>"置入"/body"之前（blogger新版語法若放head裡常會顯示不出來）：

link href='ico圖檔位址' rel='SHORTCUT ICON'/

▌微網誌外掛：（Buboo、iSay已經很少人使用，就不再提了。）
Timk--分享│Twitter Badge - Twitter Balloon [ 中文版製作 ]
Twitter Balloon：即所謂的「推特泡泡」，部落格上方使用的Widget，可以使用自己的照片當背景。

Plurk：登入後，在「我的資料中」選取「外掛」功能，就可以得到個人或社群插件的語法。
Plurk2：只要輸入單則plurk的網址，選擇顯示方式，即可複製語法後內嵌至部落格中。


▌顯示來訪者圖像功能：（彼此皆須有帳號才會顯示）
Mybloglog
MyIcon


▌流量、來源分析：（目前使用中的）
statcounter.com：流量計數、瀏覽者IP、ISP來源、關鍵字分析等。
即時線上人數
Page Rank
部落格觀察


▌網路書櫃、電影、音樂、活動：
aNobii.com
羽毛網
豆瓣


▌其他：
hongkiat.com-各種網頁、部落格應用工具。
IETester v0.2.3：測試IE瀏覽器語法是否相容。
Browsershots.org：測試所有系統下各瀏覽器的顯示狀況。


另外還可以參考huijung的HANK筆記，有更多小巧精緻的工具彙整喔。：）

（暫時先整理到這裡，不定期更新。）

---其他關於語法出錯與修正調整筆記---

‧090307

問題：發現用IE7.0以上版本瀏覽器顯示部落格時，段落會被吃掉一行。也就是兩個br，會只顯示一個，三個br，只顯示兩個。（IE 6是一堆script無法辨識，做罷。拜託請大家升級瀏覽器版本啊！）（噗浪討論串：http://www.plurk.com/p/ijxeg）

↑ 如圖所示

090424‧解決方式：
後來仔細一個一個檢查CSS語法裡的post項目，發現這個版型並沒有特別將post-body包起來，用IE瀏覽器閱讀的時候，語法會跑head裡的定義，如果head又沒有特別將斷行行距標示，就會吃掉一行。（個人解讀）

所以在"post-title"後面加上post-body去特別定義"line-height"的存在與高度：


.post-body {
color:#555
font-size:12em;
letter-spacing:0.5px;
line-height:170%;
}


設定完line height的比例，這樣子就解決IE會吃語法的問題了。


‧090602

問題：
因為手賤又把"Follows"這個改版後很醜又不太實用的Widget加回來，結果要移除的時候出現"bX-apvgk7"和"bX-5r3ba1"這兩個錯誤訊息，提報到Google論壇去得到的回覆方式也很無厘頭，乾脆自己抓蟲。

090603‧解決方式：
曾經試著在修改HTML那裡展開「小裝置範本」直接將Widget語法刪除，但得到同樣的錯誤訊息。後來直接不點開「小裝置」直接刪除sidebar裡的語法，竟然瞎貓碰上死耗子地被我移除了。


b:widget id="HTML1" locked="false" title="Follows" type="HTML"

找到類似上面的語法，直接刪除。