顯示具有 blog 標籤的文章。 顯示所有文章
顯示具有 blog 標籤的文章。 顯示所有文章

2006年11月17日 星期五

用 delicious 書籤做 tag cloud 教學

收到 anaplpe 在偶低CBOX的留言
問說我的標籤雲如何來給他製作
這是本格自2006年九月底成立以來一次收到留言
貓手來給他粉是開心馬上動手回覆
ㄚ又想到反正就是要寫了~就來把它PO一篇
大家來用

delocious 美味書籤

做美美的 TAG CLOUD 吧
其實這標籤雲不是貓手自己寫的程式 (貓手不會寫 XD)
只要用美味書籤提供的 tagrolls 功能
剪剪貼貼一下就可以做出來囉

●條件:您所使用的部落格或網路空間,必須支援自訂"HTML及SCRIPT"功能

住白宮不錯,做白工就不喜歡啦,因為 delicious 的 tagrolls 需要 script 功能,如不網站支援~不如拿做白工的時間出去玩,大家先確認看好免得做白工喔!

●步驟一:申請 美味書籤帳號

已有帳號的朋友這就跳過吧。

●步驟二:登入書籤並把部落格文章或網頁,通通加入美味書籤,並編寫 tag 與書籤簡介

可安裝官方所提供的瀏覽器外掛方便這個步驟
→ firefox extension
→ internet explorer buttons
→ bookmarklet buttons for any browser

加入書籤時,一併編輯每個網頁、文章的簡介與屬性 tag ,您所輸入的 tag ,就是標籤雲上面會顯示的字樣喔!

tag 與 tag 間以"空一格 ( space ) "分隔,但 delicious 書籤 tag 與 tag 間因為是用"空一格"做分隔,所以 tag 所用的文字間只要有空格,就會被分成兩個 tag,即使使用 " bundle tag "的功能,也無法在 tag cloud 上面以"一組字"的方式呈現,這要說對沒用過的朋友來說可能很模糊,請看下文舉例。

例如來說,大帥哥羅勃狄尼諾的英文名字是 Robert De Niro,如果我把大帥哥的英文名字加入當作"一個" tag ,在 delocious 的 tag ,帥哥大名會變成 "Robert"、"De"、"Niro"三個 tag ,而不是 "Robert De Niro"一個 tag ,上有政策下有對策,我的自救辦法是把帥哥的名字以大小寫分開,但消去中間的空隔,拼成"RobertDeNiro",顯示在 tag cloud 上面看起來比較不會莫名奇妙。

●步驟三:到 delicious 建立 tagrolls 樣式,並取得自動產生的程式碼

到美味書籤登入後,網頁右上方有個 settings 點下到 settings 頁,選擇最右邊的 Blogging 底下第三項 tag rolls ,開始設定自己想要的樣式,一邊設定就可以一邊預覽標籤雲字型大小及顏色與顯示項目喔。

●步驟四:複製程式碼到自己網站的自訂html及script模組工具

完成設定後,在同一頁面左下方 Copy and paste this code into your hypertext: 下,把的框框中的程式碼複製下來,貼到自己網站或部落格中自訂 html、script 的功能控制編輯框裡面,並把 tag cloud 功能框拖到自己喜歡的版面位置上,它可以隨你挑的地方高矮胖瘦(例如本站左側是高瘦版、我的貓手的網頁功能測試站裡的是矮胖版),薑薑~美美的 tag cloud ,不必自己寫程式就完成啦!

補充:貓手的部落格用的是 blogger beta,之前貼的時候有點卡卡的,tag cloud 下方會顯示不正常(有一行跑不出來),但貓手很奶油桂花手的亂貼亂試,在某天福至心靈的把程式碼用 <table> </table> 標籤包起來以後(如以下所附的程式碼),跑不出來的那行乖乖現身,顯示就正常了,每個部落格的支援程度並不一致,其他的部落格或網頁如果遇到差不多的問題不妨試試。

<table>
<script src="http://del.icio.us/feeds/js/tags/xvi?size=10-20;color=87ceeb-ffff66" type="text/javascript"></script>
</table>

●步驟五:維護更新

每次發表文章時,PO完把它加入delicious書籤,就可完成標籤雲的更新囉!

2006年10月23日 星期一

Live Writerfox:Firefox Add-on for Windows Live Writer


擴充套件下載:Live Writerfox 0.2

推出日期:OCT 2 2006
目前最新:0.2版


安裝步驟

好用的BLOG編輯工具Windows Live Writer
現在有 Mozilla 跟 Firefox 的瀏覽器擴充套件嚕!

安裝之後到自訂工作列的地方,可以看到一個新的按鈕

把它拖出來自訂到工具列上就十分方便使用了。

如果不想用自訂工具列的按鈕,可以在瀏覽器- 工具 - Blog it from Windows Live Witer,或者按滑鼠右鍵選Blog it from Windows Live Witer,即可啟動這項功能。

Blog It ! 使用情形

1.自動建立標題連結

在你看到想引用發佈到您部落格的文章時,只要按一下,這個外掛會自動幫您啟動WLW,如果你沒反白圈選任何頁面內容,它會以"瀏覽器上顯示的文章標題"為名稱,幫你自動建立一個連結在你要編輯的草稿上

2.自動引用文章內容 (圖形資料無法引用)

若你有反白圈選頁面資料,它會自動把你圈選的部份引用拷貝的你要編輯的草稿,並且會自動縮排,以跟您自己發表的評論有所區隔,十分方便。
可惜的是,圈選拷貝的資料只有文字部分,如果是圖,它只會建立一個連結,例如,我在原網頁複製了下圖,按下按鈕後,新增到新編文章的連結如圖下

WLW FOR FIREFOX外掛執行圖

Source: Live Writerfox Previews & Screenshots :: Mozilla Add-ons :: Add Features to Mozilla Software

雖然引用圖方面是不靈,不過要引用別人文章的時候也不錯用哩,我已經愛用了 XD

2006年10月3日 星期二

內崁在瀏覽器的BLOG離線編輯器,Performancing for Firefox

幾天前開始入手Firefox,為什麼?說真的

。我。忘。了。

一開始就很可憐呀,因為不知道火狐目前不會自動觸發安裝許多瀏覽網頁所需的套件,開這個~看不到,開那個~也看不到,以前有試著玩過Mozilla,是也遇到過這些問題,平心而論,這次玩火狐跟以前比,感覺好上手多了,但是捏,阿連來自己的貓咪藍眼睛都聽不到音樂,是怎樣捏 =︿=++ ,那麼多人說火狐好~火狐妙~火狐棒得呱呱叫,應該沒那虛吧!果然爬一下文,就找到外掛跟套件,來給他裝裝裝,中間也遇到很多打擊,那個之後再說,因為我不小心裝到的這個外掛實在是太新鮮了,不說不快呀!

Performancing for Firefox 這個套件,簡稱就叫做PFF,是我目前覺得最有趣的瀏覽器外掛之ㄧ,他的基本功能是用來離線編輯BLOG發文,但他的設計一點都不基本,而是十分來給他超級閃亮的喔。

安裝好plugih之後,一個BLOG編輯器就長在Firefox瀏覽器裡面,我沒看過這樣的,一看之下頗感驚艷~刺激呀。

根據官網的的介紹如下

-可用於編輯所有平台所建置的部落格
-可建立管理多個部落格帳號
-所視即所得編輯介面 (WYSIWYG)
- Trackback ping 支援
-支援 Technorati
-Del.icio.us 功能整合
-可儲存信箋
-可儲存草稿
-可上傳資料編輯圖片到FTP及Flickr空間 (另外裝外掛)
-快速啟動:可按F8或Firefox視窗右下角瀏覽器狀態列有個小紙筆的按鈕
(我F8的快捷鍵設定,跟自動輪播內頁的plugin設定衝突!F8
~看內頁跳來跳去)

下載安裝performancing for firefox 1.3

PO文時最新版本PFF是1.3版,要先 安裝 Firefox 喔,PFF是個外掛,沒娘生不出小孩的啦 >_<

安裝Performancing for Firefox

如何來用它呢?在Firefox瀏覽器狀態列右下角可以看到編輯標誌,直接按它啟動PFF即可,按右鍵會出現以下選單,讓你自選啟動方式

直接按筆記本圖會用1.的方式開啟

1.Blog this page(split screen):"本視窗", 如下圖底下灰色的編輯台。

2.Open in Tab:"本視窗新分頁",在現有瀏覽器視窗的新分頁開啟。

3.Open in Windows:"獨立視窗" ,開出長得像獨立程式的視窗。

4.Open in Browser;"新瀏覽器視窗",將編輯台開在新瀏覽器視窗開啟 。

我用1.的方法,performancing就從瀏覽器視窗狀態列跳出來啦

請於圖上另開視窗看大圖

功能可經由這瀏覽器外掛操控的功能十分多,大致分為

1.BLOG文章離線編輯相關

2.網站流量分析


編輯器介紹

選下圖,看大圖上面的說明

點圖看大圖,放大看說明

如果安裝了外掛,外掛選項會加在 " 功能選項 " ,出現新的"add-ons"按鈕,如下圖所示

外掛介紹

Fireftp

PO文時最新版本下載安裝、檔案下載連結

看名字就知是FTP嚕,者我就不多說了

Fireftp

OakFlickr4PFF

看名字也知~是Flickr的圖片上傳外掛,好像是對岸的朋友做的

PO文時最新版本 OakFlickr4PFF 0.2 下載安裝、檔案下載連結

OakFlickr4PFF

MySpace Blog Editor For PFF

PO文時最新MySpace Blog Editor0.3下載安裝、檔案下載連結

專門對應MySpace的外掛,快出BLOGGER外掛吧,我想編輯分類啦

MySpace Blog Editor For PFF

Performancing Meter

網路瀏覽分析


除了編輯相關的項目,Metric選項,是Peformancing提供的免費網路流量分析的功能,只要在他站上註冊帳號,並且在網頁植入編碼就可以用了,流量監控資料更新速度也不錯,介面清新,雖然是建置中的系統,表現給他非常不俗,等他測試完一定大大的來給他貴,它的建置者也很有雄心壯志喔,他們非常有信心的說"這是世界頂尖的網路流量分析系統之ㄧ"!


Performancing Meter讓我最喜歡的是,它可以正確抓到被瀏覽頁面的"頁面標題",雖然圖表上的中文顯示有錯,但資料列上的中文顯示是正確的,這已經讓我很感動了,我以前在公司看過的分析系統,出的資料都是頁面網址,當網頁多的時候,光是對網址就一個頭兩個大了,很多人看的內容,是在看哪頁自己都要找個好半天,這些不說中文的丹麥人,真是厲害呀!以下來欣賞Performancing Meter流量分析的介面圖吧,真是讚!

部落格管理的介面,紅燈有問題,綠燈OK,紅燈是斷線的

流量分析資料項目與FLASH儀表板介面

寫到最後,來點貓手個人眼小小試用心得

Performancing我覺得他潛力十分優厚,才在開發Beta階段就這麼棒了,目前唯一的遺憾是Blog Editor部分

我用在Blogger Beta,結果出都是亂碼 XD

雖然如此,但這對軟體開發來說,並不是大問題,我還是覺得這套真的很不錯,謝謝來自丹麥的朋友分享這麼棒的軟體,真好玩 XD

2006年10月2日 星期一

偽~蔡依林的部落格 TUT

請看回應的部份
真的是太好笑了 XD
因為~很多不是故意來kuso的
他們是誠心誠意的要留言給Jolin
在這篇文章上

國生三年才開始 » 蔡依林的部落格

原文是一篇評論網站的文章
活生生變成歌迷傳情大會串
並榮登YAHOO文章搜尋榜首
妙哉~妙哉~
我看的時候回應到第76篇
到06/10/1
也還是留給Jolin的喔 XDDDDD
最近Jolin在打歌
這邊還會繼續熱鬧吧

寫的人到底是在什麼情況下留言的?
那麼大篇文都沒看到嗎?
我知道Jolin會教英文
但我還沒聽說過他有寫程式

歐買尬~剛剛 Blogger Beta 無法登入

貓手砍掉重練搬到Blogger來才兩三天
來給遇上不能登入的狀況
剛好幾個小時一直登不進來
還以為又要砍掉重練了哩 =_=
現在順利登入了
~好險不必

如果是在做系統更新
ㄚ是不會在登入頁面來點提示咩 @"@
貓手這兩天貼得很辛苦
嚇到了啦
貓手不想被拿去做雞精

2006年9月30日 星期六

自製原創! PCHome搜雲 Search2.0 網路書籤 Blog標籤貼紙

哇哈哈哈
不會寫程式的貓手
居然純手工扒出

Blog標籤貼紙 之 PCHome搜雲 Search2.0 網路書籤


剪剪剪貼貼貼居然給我成功了 XD XD XD
遊手好閒的貓手乾脆聽朋友的話
改行來去學寫程式好啦


目前P搜2.0的書籤比較少有人討論
我自己目前主要也不是用這家啦
剛幫貓窩搬家正在裝潢
想說來貼些聯播跟書籤貼紙
來給新貓窩搞點美化
逛來逛去國外一堆國內很少
所以貓手決定來給他愛貼國貨


我想是貓手自己不會寫程式
所以才會貼個老半天才成功拔
做出一個自己沒看過的東西
想來給仰天長喵呀~~~~~~~~
這麼開心在稍稍冷靜之後
一陣腦殘湧上心頭
貓手果然適合當吉祥物呀

ㄚ對喔~貓手是不會寫程式的
哪位善心大德的請幫忙把這程式修讚一點
"順便"分享回來給貓手
阿圖我是直接連到P搜2.0他家
然後貼大小設定的
底下的code就可以直接顯示
貓手很酸不想抓圖了
喜歡的請自己去下
祝~用得開心一貼就成


<!--以上是貓手哮喵文,以下進入正題吧-->

<!--pchome search2.0網路書籤的BLOG貼紙語法如下-->

<a target="_blank" href=">http://search20.portal20.com.tw/x.jsp?f=1&amp;amp;t=要加入書籤的首頁標題或文章頁標題&u=http://首頁或文章頁網址&n=首頁簡介或文章簡介/>;
<img src="http://www.portal20.com.tw/img/04.gif" width="80" height="15" alt="收藏到尼的P搜2.0書籤" title="收藏到尼的P搜2.0書籤" border="0"/></a>

<!--貓手貼出來的語法就上面那些囉----------------------------->

貼出來之後得像他貓首頁左邊書籤裡的長相,等比放大兩倍貼一個來看

收藏本站到尼的P搜2.0書籤

2006年9月29日 星期五

文章加入HEMiDEMi書籤按鈕

本來在找RSS 跟 Atom的圖與連結法
爬來爬去沒看到
反而先找到HEMiDEMi
裝好啦 XD
每篇文章底下都會出現這個
按起來啥效果要測過才知道
測完再回來改文

~~~~回文時間~~~~~~~~~~~~~

抓不到單篇文章
只能傳首頁
那就貼個在訂閱那邊就好