跳到主要內容

Blogger分類文章(利用Furl)

=分類教學開始=
[前言]
好啦~開始上課了。目前我就是使用Furl來幫這blog文章 作分類。為何不選擇美味書籤?因為網路上看到一些缺點(不知道有沒有進展),聽了心癢癢,所以轉而用Furl囉!但相信Yahoo!買下美味書籤以後也是 銳不可檔。(又廢話太多了..>_<) [準備] 使用firefox瀏覽器。 [STEP 1] furl

1.到Furl註冊一個帳號吧!

2.以下註冊過程述不備載。相信網路發展這麼久,各位打滾的經驗也夠了。

[STEP 2]

furl it

1.登入帳號後,點選上面有個標籤叫做『My Tools』

2.然後向下面找到「Complete -"Furl It"」

furl 1

接下來的動作一切都只有神奇來形容了。所以要注意看阿!(還特意拿數位相機直接拍了)

1.滑鼠在藍色"Furl It"上面按下左鍵不放。

2.拖曳開就會有一個長方形的框框跟在旁邊嚕...

furl 2

1.按住左鍵拉拉拉拉到上面,在書籤工具列放開。

2.有沒有看到?工具列多了Furl It就對了!

[STEP 3]

接下來回到Blogger,把每一篇日誌都利用Furl It這個按鈕來分類囉。

1.注意從最古早(最舊)的文章開始。點選最以前的月份吧。

比如我這bitter of bitter是從20004 10月份到現在。點選"十月 2004",從最下面最舊的文章開始分類。

2.點選進每一篇日誌,然後按firefox書籤工具列的"Furl It"。就會跳出一個視窗。請看下面。

furledit2

畫紅線從上面看下來...

[a]Title:通常都會把你網誌的名稱抓進去。建議把前面網誌名稱刪掉。(範例:bitter of bitter要把它刪掉,不然到時候分類點進去每一篇前面都有你網誌名稱)

[b]Topic:如果你有三個分類,比如:國語/數學/英文,而這篇文章是要分在數學的話,你可以點開下拉式選單來選擇。如果你第一次要建立分類,比如要建立自然科,那就直接看下面[c]

[c]New Topic:第一次建立分類就在這裡打上名稱吧~

[d]save:全部ok了!就可以按最下面的save...(其他功能不是很重要,有興趣請自己玩耍~)

註: 分類裡面已經有存幾篇書籤他會很貼心寫在後面。看上圖:電腦小密技[3] <==代表存三個書籤 3.如果你是剛經營你的Blog不久,文章數不多,就還輕鬆如意~如果是已經累積好幾百篇文章,痾~花點時間一篇篇分類吧!順便回顧一下以前寫的文章嚕! 如果覺得想要隨時間而消失,也可以不加入分類,就讓他自然地遺忘人間吧... [Step 4] 經過一段時間的辛苦...(這個方法卻是蠻辛苦的~)但都會有代價的~ furledit3

依照上圖點到Add furl to my site



furledit4

拉到下面選擇"Advanced settings"



furledit5

找到下方把Number of Items改成999(最多可以顯示的書籤數)

而Include items from點選其中一個分類(比如:有國文/英文/數學,先點選國文,等等在來選其他的)



furledit6

((接續上圖))

其他的選項依照範例圖選擇。

然後按下按鈕"Update source code"



furledit7

畫面依照剛剛你選取的規則所顯示的預覽畫面

然後把下面"copy of the source code"全選複製!

[STEP 5]

furledit

1.用了blogger建立一個新日誌

2.在標題裡面打上您想要的分類標籤名稱(範例:[生活遭遭唸])

3.下面內容,把剛剛的程式碼貼進來!



blogger_step02

先不要急著按黃色的發佈文章喔~

1.把"張貼文章的意見訊息選項"點開。

2.跳出來的兩個選項,點選成[否]。

(總不希望分類別下面有人回應吧?)

3.把文章成立的時間改道Blog成立之前

(這樣就不會成為最新的文章,把它藏到以前的時間)

4.喔K!可以按發佈文章了。

furledit8

發佈的時候會顯示上面這個錯誤訊息,不要管他~就把"不要再顯示此文章的錯誤"勾起來,在發佈文章一次就可以了。

[STEP 6](就跟前一篇 [資訊]Blogger分類文章(暴力法)Step3一樣)

blogger_step03

1.選擇"範本"

2.下面內框裡面密密麻麻的東西就是編成你blog的原始碼

(注意不要手賤亂改喔~怕不小心的話,請備份到筆記本)

[STEP 4]

這裡對不熟悉HTML/CSS的人會比較辛苦

但是這篇是寫給笨蛋都看的懂得人~dont worry!

1.找尋下面內框裡的程式碼片段,如果覺得難找可以先Ctrl+A全選,複製,貼到筆記本作編輯

什麼?!連筆記本都不會開?好吧!在電腦桌面上點選右鍵,<新增>,<文字文件>

2.找到下面這一段。(可能有多少不一樣)

79294394_11d34bdc13_o

如果你找半天眼睛都快瞎了,你可以在筆記本畫面按Ctrl+F

然後輸入"profile"關鍵字幫助你查詢。

3.找到後就加入紅色這一段字。

codeadd

4.以上的程序就可以讓你的分類在你的Blog右邊欄,個人資料About me下面增加這個分類了唷~你想要有幾種分類都是依照這樣方法就可以了。

[STEP 7]

現在是不是完成了一個分類了阿?

分類:國語/數學/英文,你只做完第一個國文而已。

跳回Furl去生產出其他分類的程式碼吧!

回到STEP 4再重來過.... 就能完成了....

[事後....]

不 是抽事後煙的時候! >_< 辛苦建立的架構好像很複雜耶!到底有什麼好處阿?!跟前一篇暴力法比較起來,當你完成新的一篇日誌的時候,你可以輕鬆點取firefox上面Furl It的按鍵,然後下拉選單選一下你要的分類,(對了!上面Title顯示blog的名稱建議要刪掉喔~)然後按個save就可以了...

優點:不用每次開分類的那篇文章出來新增新網誌的連結。

缺 點:當點選分類顯示出的畫面,要經由程式由Furl網站上面抓取該分類的書籤資料,再回傳。所以在效能上面來說會有點慢。(我講得太深了嗎?簡單來說要跑 一圈Furl再回來所以要一點時間)如果願意多等一點時間其實還可以接受~如果還不清楚上述我到底在幹什麼吃的?你可以先瀏覽一下我網站的分類。點點走馬 看花一下,應該大致就會瞭解了。

[期望]

希望給需要使用到的人有幫助。任何問題請回應,因為之前我參考很多人的教學網誌很辛苦(對剛接觸的人會看不懂),所以希望寫一篇完整、清楚的教學。如果有覺得太難或不懂的請提出來,希望修改成blogger無腦分類教學。

ps:坐在電腦桌連續兩個半小時打成的STEP by STEP終於完成了。腰酸背痛,好像拼命打字的關係,手腕也開始痛了起來(職業病開始出現)..>_< 來睏!今天是2005年最後一天。好感傷阿...打了這麼長一篇blog...

[補充]

如何去除分類中文章連結後「#」符號

糊塗的我忘了說明這個部分了。 如果你想要像我分類中文章連結沒有#的符號,依據文章的Step 5貼上程式碼,貼上後將「&bullets=y」貼在程式碼其中就可以了。

而相對位置,參考我下方範例(程式碼拿我的範例,這張圖的目的是要找相對位置,把它貼上),顯示粗體字的地方。

11



可以了!

------------------------------------------------------------------------

本文轉貼自:http://rockbird.blogspot.com/2005/12/bloggerfurl.html

留言

  1. 用Furl分類要幹麻?它支援同一文章多各類別嗎?

    回覆刪除
  2. Blogspot原本是沒有分類的功能的,但其它各大blog站台都有文章分類的功能。所以大家才會想儘辦法在blogspot上加入分類的功能。
    原本Furl是提供大家「網頁標記」服務的,讓大家可以將覺得不錯的網頁透過Furl進行「分類」,方便下次再次到訪,並可以留下一你個人對這些站台的註記資訊。它的功能其實有點像是「我的最愛」,簡單來說就是「網路書籤」的功能。不過我們剛好可以利用它提供的code插到自己的blog裡,就可以用它來進行文章的分類了。

    回覆刪除

張貼留言

這個網誌中的熱門文章

KHS T3 前貨架安裝~

今天台北下雨,所以大王就在家把上週入手的前、後貨架裝上車囉。一開始還不知該從何下手說,也爬了一下文,確定大家都是怎麼安裝後才下手的。也整理一下大王的安裝方法,提供給大家參考囉。不過安裝的過程沒拍照,只好裝安後的樣子說明一下。 前架的左、右支架跟前剎共用機構。別怕,大膽地將固定V夾的螺絲拆下來,然後換上前架附的「比較長一點」的螺絲將貨架鎖緊。注意:別緊到連V夾都被鎖死了,因為大王一開始沒注意鎖太緊,以致V夾連動都不能動,前剎皮就一直磨到輪框。 右邊也是一樣與V夾共用機構 然後將中架用長螺絲、螺帽鎖緊 中架的螺絲、螺帽就在魔鬼沾的那個位置,一樣也是把它鎖緊 這樣就大功告成囉。 眼尖的你大概看到大王將攜車袋綁在前架上了,沒錯就是用魔鬼沾綁在這裡。L型的另一邊大王是用束線帶綁在前架上囉。這樣下面、靠車架那一側就都勞勞綁住了,讚!!

(分享)(投影片)20060926Web2.0國際研討會~投影片分享~

Web2.0 國際研討會(International Conference)一連2天在台北國際會議中心舉行,大王當然也沒錯過這場盛會~~。下面先分享大王整理的投影片資料: (點選連結前請在「 回應 」中簽個到吧~^^讓大王知道一下有多少人看過這些分享資料囉~) Web2.0國際研討會-01-TechCrunch Web2.0國際研討會-02-Flickr Web2.0國際研討會-03-salesforce.com Web2.0國際研討會-04-HeyMath Web2.0國際研討會-05-Bubbleshare Web2.0國際研討會-06-Panel Discussion Web2.0國際研討會-07-麥實創投 Web2.0國際研討會-08-智碁創投 Web2.0國際研討會-09-PChome Online Web2.0國際研討會-10-Yahoo! Web2.0國際研討會-11-無名小站 Web2.0國際研討會-12-愛情公寓 Web2.0國際研討會-13-HemiDemi Web2.0國際研討會-14-IBM Web2.0國際研討會-15-Microsoft Web2.0國際研討會-16-Panel discussion

(推薦)提姆網!最便捷的網路道覽網站!

今天大王在佳文媽媽的大力推薦下到訪「 提姆網 」。TimLiao提姆網( www.timliao.com )成立於2003年五月,創辦人與網站製作皆為Tim Liao廖庭毅。網站創立的目的在 提供所有上網用戶最便捷的網路導覽網站 ,讓用戶在最短的時間內,用最便捷的方式收尋到想要的連結站。網站目前收集了台灣 3000多個大站連結 ,都是經過仔細篩選而來。此站的最大特色在於快速收尋連結站,在首頁將滑鼠移動到各式分類底下,連結就會一一顯示,不用一頁一頁的收尋,可節省用戶不少的時間。網站提供了日常生活所必備的即時資訊,讓用戶掌握最新消息。其他像是網站中的 24小時台灣免費線上電台電視 ,讓居住在國外的朋友也能即時收聽到台灣最新消息。真是個值得推薦瀏覽的網站!