Element XD lab
哥教的不是CG,是偷雞
快速導引

【Blogger】讓「較新的文章」,「較舊的文章」顯示標題



「較新的文章」,「較舊的文章」其實是一個很雞肋的功能,上面沒有任何文章的訊息來引導讀者按下去,倒不如從文章分類,或者從網誌存檔、標籤、相關文章等等去找更多想看的文章。


網路上有些很好的範本已經添加了這樣的功能,看起來就比較清楚,也讓讀者有更多資訊決定要不要繼續貢獻PV。
這邊要分享的是這一個教學,再搭配安裝JQuery,集中整理成一篇。

【Blogger】為blogger文章下錨點


使用Dreamweaver等軟體編輯網頁時,下錨點跟超連結是一件常見的事情,不過在blogger上,似乎沒看到相關功能,因為有需求於是摸索了一下,其實也很簡單,以下分享心得。

【Blogger + FB】安裝『Facebook推薦』框


Facebook推薦框的安裝跟前兩篇「Facebook」外掛一樣,基本步驟有四

1.取得fb:app_id、fb:admins的兩串數字
2.將上面兩串數字替換掉以下對應的數字,置入<head>這一行之後
<meta content='724021988' property='fb:admins'/>
<meta content='545652602172637' property='fb:app_id'/>
3.在<body 這一行後面置入代碼
4.選擇放推薦框的位置,置入代碼

如果之前依照上述方式安裝過「讚」或者「留言板」,表示前三步驟都已經做過了,那直接執行以下步驟就好了。

如果是第一次安裝,請到這邊看一下「前三步驟快速複習」

【Blogger + FB】在文章頭尾安裝『Facebook讚』按鈕 - html版

就像Google+1按鈕一樣,如果我們想為每一篇文章加上Facebook按鈕的話,應該怎麼做呢?


基本步驟有四
1.取得fb:app_idfb:admins的兩串數字
2.將上面兩串數字替換掉以下對應的數字,置入<head>這一行之後
<meta content='xxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxxxxx' property='fb:app_id'/>
3.在<body 這一行後面置入代碼
4.選擇放留言板的位置,置入代碼


前三步驟請按照這一篇的方式安裝過Facebook留言板,基本上是通用的。

【Blogger + G+】在文章頭尾安裝『Google +1』按鈕


想要新增Google+1的按鈕,以Blogger預設小工具可以很輕易地做到,不過方便帶來的限制,是只能安排在整個網頁的固定位置,而且是對整個網誌+1。


如果我們想為個別文章加上這個按鈕,其實也很簡單,以下用官方說明檔案來做示範。

【Blogger + FB + G+】Facebook、Google +與預設Blogger留言板並存的方法


才剛開張,瀏覽數不到800,而其中一大半是自己更新文章與修改後台造成的,另一大半是網路機器人爬的,實際來捧場的人寥寥可數,這樣裝三個留言板是為了展現站長的幽默感嗎?

不是這樣的啦XD

【Blogger】備份的重要,看圖就知道



在電腦上面做事情,最最重要的就是能隨時還原到前一步,有備而無患。

在修改Blogger的時候,非常多的機會需要動到根基 - 範本XML,這個一不留神改壞的話,輕則版型亂跳拖慢速度,重則瀏覽器頻頻當機,再也喚不回心愛的Blogger,所以要很慎重地看待備份這一件事情。

除了自己睡眠不足搞壞範本,另一個危機是小人類爬來湊熱鬧,到底按了什麼都不知道......

【Blogger + FB】安裝並管理facebook留言板

安裝facebook留言板說簡單也不太簡單,有時候幾個小地方難搞令人沮喪,這裡整合了幾篇教學的精華部分,一次以圖解說明如何安裝與管理。

【Blogger】繼續閱讀的連結,從文章頭開始



如果在文章中插入繼續閱讀的符號,



在發佈後,會有一個閱讀更多 >>的超連結,帶我們到完整文章的網址



不過跳過去之後,並不是從文章頭開始,而是從剛剛插入的繼續閱讀下方開始,這對於閱讀經驗來說是打了很大的折扣。

所以我們做個簡單的動作,讓繼續閱讀的連結,是從文章的頭開始。

【Blogger】安裝Slider範例一 Menucool疾速版



要介紹這個範例的原始出處是Menucool.com

國外有許多同好分享過安裝流程,不同的裝法有不同的效能,我在這裡找到了目前最快的安裝方法,略調整過之後,以圖解的方式來作個分享。

技術提供:Blogger.


聯絡


聯絡表單

名稱

以電子郵件傳送

訊息

© thephilko.com All Rights Reserved