分類
blog服務

加上推推王書籤小功能

funp.com(推推王)最近似乎還蠻火熱的, 我最喜歡是他的頁面上的各區塊dock功能. 今天索性加入會員, 並加上了他的書籤功能, 加入的方式和之前介紹過的 hemidemi 及 myshare 類似, 我將我加在 tattertools 上的 code 整理出來, 給各位 tattertools的用戶參考:

<a href=# target=_blank onmousedown="javascript:w=window;d=document;t='';if(w.getSelection)t=w.getSelection();if(d.getSelection)t=d.getSelection();if(d.selection)t=d.selection.createRange().text;this.href='http://funp.com/pages/submit/add.php?url='+encodeURIComponent('http://diary.tw')+'&s='+encodeURIComponent('')+'&t='+encodeURIComponent(t); return true;"><img src="http://funp.com/images/tools/funpAdd78x14.png" alt="推推王" title="推推王" border="0"></a>

有興趣的, 可以自行試試哦, 參數共有 url, s (title), t (description) 三個.

 

分類
好用軟體

我自己也可以做網摘-pligg

在網上衝浪時, 發現了這個好玩的網站: http://digest.joaoko.net/ , 原來是利用 pligg 架的一套網摘網站, 於是想說來玩看看, 就到了官網: http://www.pligg.com/ , 看起來應該還不難架的一套網摘網站.

下載完成後, 解開放到目錄下, 接下來開好要使用的 mysql 資料庫及開好權限後, 就可以利用他的 /install 進行安裝囉, 原則上 db 設置完成後, 安裝應該不是太困難, 參考他的 readme.txt 檔案應該是可以順利安裝完成囉, 接下來就要找個中文的語系檔, 是放在 /lib/lang.conf 內, 於是到 http://www.alicrm.cn/ 這個網站註冊並下載了簡體的語系檔, 並用 convertz 進行簡轉繁後, 再存入該檔案, 就完成囉.

接下來是要處理 url rewrite 的部分, 他可以用 url rewrite 也可以不用, 不過用了網址是比較美觀有意義, 在 admin 管理後台中的 設置 中的 Url Method 調整為 2 之後, 再進行 default.htaccess 的 rename , 完成後, 還有 apache 的 config 中的 directory 設置, 都好了之後, 就可以順利使用有 url rewrite 的 pligg 囉.

它的 config 介面十分有趣, 是用 online edit 的方式, 直接單擊進入編輯後, 再做 save 或 cancel, 很方便實用, 下面為操作介面的變化:
原來介面:

單擊 value: true 的 true 的位置後:

真的還蠻好操作的.

用這個網摘架站工具, 架好的網站, 功能十分健全, 包含網摘, 推推, 好友, 評論, 評論回覆, 評論評分, 線上註冊, 使用者活動等都設計十分完善, 目前架好放在: http://pligg.diary.tw , 請有興趣的人多多利用囉, 有什麼使用上的問題再和我說囉!

延伸閱讀:
http://www.31jeak.com/wblog/?p=86
http://www.thedevlog.com/dev/log-41.html
http://vbb.twftp.org/showthread.php?p=53460
http://punk.tw/category/pligg/
另外類似的還有 PHPDug:
http://www.kubelabs.com/phpdugg.php
http://www.oikos.com.tw/v4/viewtopic.php?pid=270011

分類
blog服務

AddThis支援顯示中文囉

今天試了一下掛在本站上的 AddThis 功能, 原來文章請參閱: https://diary.tw/archives/459

由於該站原來不能正確顯示中文, 因為編碼的關係, 雖然最後記入書籤系統是正確的, 但是中間的顯示異常總是讓人不太舒服.
剛用了一下, 發現已經都可以正常囉, 提供一下資訊給大家參考.

分類
WebTrend

新增Add This!書籤服務

書籤(bookmark)服務真的很多, 在現在這種網誌, 網頁都氾濫的情況下, 有個好用的書籤服務是很棒的. 不過書籤服務的網站也真是多到一個不行, 之前加了 HemiDemi, MyShare, del.icio.us, technorati 4種在我的網站上, 但是要寫一些code在上面, 而且每個網站又不見得都通用.

今天看到了一個名為 Add This! 的書籤服務整合網站, 感覺還蠻好玩的, 這種”寄生”型服務網站很有趣, 本身並不提供書籤這個服務, 但將大多數的書籤服務的網站整合在一起, 並提供製作網站的用戶加上他們的小貼紙即可一口氣讓使用者加入多個書籤網站, 算是相當有趣的整合服務.

分類
blog服務

新增MyShare的小貼紙收藏功能

看到智邦生活館的 [email protected] 功能, 也有提供書籤收集的小貼紙, 於是就來試一下, 發現他提供的 code 還有是老問題, 也就是在 FireFox 下會有失焦(反白選取區域取消)的問題, 詳情可以參閱:

http://diary.tw/archives/306

http://www.quirksmode.org/js/selected.html

分類
blog服務

新加入FAV功能

加了HEMiDEMi後, 又再加入了 del.icio.us 及 Technorati.com 的加入書籤功能, 利用原來的 TAG 上面, 同時放入了 HEMiDEMi, del.icio.us, Technorati 三種書籤系統的新增.

其中 HEMiDEMi 及 del.icio.us 的引述都可以利用選取原網頁反白處自動將引述帶入加入書籤的連結內(不過此欄位是非必填項目), 另外 del.icio.us 還 support 帶入 tag 的功能, 不過想要在 tattertools 上將文章的 tag 帶入, 若只在 skin.html 上著手是有困難的, 因為既無法拿到 tag div 的 id, 更不用說解析內容後再帶入新增書籤功能頁面, 看之後還有沒有時間研究這段, 可能的話再試試看囉!

分類
blog服務

新增HEMiDEMi文章加入書籤功能

今天才發現 HEMiDEMi 有個將網頁加入HEMiDEMi書籤的功能, (其實是從這個網頁發現的: http://blog.yam.com/syshen/archives/1410294.html), 於是就著手加自己的文章, 利用 HEMiDEMi來加點人氣, 並方便用戶收藏.

連上HEMiDEMi選右上角的[工具], 再選[小貼紙產生器]後, 即可進行小貼紙的產生, 由於它沒有直接 support TT 的 blog 語法, 所以就選其他囉, 不過奇怪的是其他的 href link 最後是 void((URL))這樣的語法, 想說是不是什麼新東東, 自行先測試發現並不會發生連結的結果, 於是就先手動改一下, 並改為用 onmousedown方式(不用onclick原因如後), 產生放在 TT 上用的 HEMiDEMi 的語法, 如下:

<a href=# target=_blank  onmousedown="desc='';via='';if(document.referrer)via=document.referrer;
if(typeof(_ref)!='undefined')via=_ref;
if(window.getSelection)desc=window.getSelection();
if(document.getSelection)desc=document.getSelection();
if(document.selection)desc=document.selection.createRange().text;
this.href='http://www.hemidemi.com/user_bookmark/new?
title='+encodeURIComponent('[ ##_article_rep_title_## ]')+'&url='+
encodeURIComponent('http://diary.tw[ ##_article_rep_link_## ]')+
'&description=
'+encodeURIComponent(desc)+'&via='+encodeURIComponent(via);
return true;" ><img src="http://www.hemidemi.com/sticker/clipcolor_8015.gif" border="0"></a>

(以上的 onmousedown 的 javascript 皆無斷行, 因排版需要有略做調整, 另外TT為避免衝碼, 也將 [ ] 和 ## 間加上了空白, 另外 onclick 會有 selection focus 消失問題(在 IE 下不會), 而取不到 desc, 因為原來設計的引述功能只要反白就會自動帶出哦, 所以改用onmousedown來取得, 方便在產生 HEMiDEMi 標籤時, 帶出使用者反白的引述, 可參閱文章: http://www.quirksmode.org/js/selected.html)

其實重點在於最後的 http://www.hemidemi.com/user_bookmark/new 後面要帶一些東東, title, url, description, via, 分別是加入書籤的[標題](必填), [網址](必填), [引述](非必填), [referer](未出現在畫面上, 應是要做某種分析用), 上面的 javascript 對於 desc 及 via 兩個變數用了相當多的語法來產生, 尤其是 desc, 因為用 desc 所以code會比較大一些, 相對於client side也有一些code的下載負載.

另外採用 anchor + target=_blank 的語法就可以避開 browser 因 window.open 造成的阻擋.

分類
WebTrend

video收集服務網站

http://www.vottie.com/

該網站類似 del.icio.usHEMiDEMi 這類的書籤服務, 但是提供的是 video 這種 content 的集合, 將幾個必備的元素放入
1. comment
2. ranking
3. tag 及 tag cloud
4. ajax 技術應用

接收的格式是 embed 嵌入語法的 youtube, google video, vlog 等. 解析embed 語法後, 隨即帶出圖片連結, 基本上, 留在該網站上的內容僅有 embed 語法, content 都還是留在原 video 空間提供服務商.
比較特別的是“動態監控器”, 就是所有的 user activity 都記錄並公開. 以方便大家一同追蹤, 這對票選或下註解(comment)或是評分記錄, 檢舉記錄, 等使用者行為有一定的追蹤性及提出公平性的方法.

該網站從 3/27起迄目前僅有331支影片, 內容成長不快. 不過他是在解決目前分享影片不方便的地方, 並將 content 做匯整. 可參考:
http://vottie.wordpress.com/2006/03/27/hello-world/

原來該網站應該是做文字 content, 之後又改做 video content 囉. 可參考下面文章:
http://blog.bcse.info/303
http://www.wretch.cc/blog/MLChen&article_id=4399521
及參考網站:
http://www.livedigg.com/

分類
blog服務

新增HEMiDEMi共享書籤

申請了一個 HEMiDEMi 共享書籤, 也將其可匯入於個人 blog 的語法帶進來首頁, 由於其語法為單純的 javascript, 所以很容易整合到自行的 blog 中, 但在使用後, 發現呈現上有些怪怪地, 於是追蹤一下 code, 發現多了一個 </div> 的語法, 整理如下:

(function(){ var bk=[   
                     .....   
                       ]
                       
document.write('<div class="hemidemi-digest-title"><style type="text/css">.hemidemi-logo img {border:none}</style>');
document.write('<div class="hemidemi-digest"');

document.write('<ul></div>');
for(var i=0,b;b=bk[i], i<7 && i<bk.length;i++){

 document.write('<li class="hemidemi-bookmark"><a class="hemidemi-bookmark-title" href="'+b.l+'" onclick="window.open(this.href);return false;">'+b.t+'</a>');
 
 document.write('</li>');
}
document.write('<div class="hemidemi-more"><a href="http://www.hemidemi.com/user/timhuang/bookmark" onclick="window.open(this.href);return false;">更多..</a></div>');
document.write('<br /><div class="hemidemi-logo">powered by <a href="http://www.hemidemi.com" onclick="window.open(this.href);return false;"><img src="http://www.hemidemi.com/images/hemidemi_53_10.png" title="HEMiDEMi - 共享書籤" /></a></div>');
document.write('</ul></div>') })()

— document.write(‘<ul></div>‘); —

有沒有看到那個奇怪的 </div> 語法呢, 突然出現在不該出現的地方, 真是奇怪了, 也就造成了有一些怪異的現象囉..

[2006/6/28 10:30]
才和網站反應問題, 很快地, 就能獲得解決, 還真不是普通的快. 在這裡給他拍拍手, 鼓勵一下, 值得推薦..
目前他們已將該紅色字的不正常 </div> 移除囉..