My Program ::

加上推推王書籤小功能

blog服務 2007/05/26 01:00

views: 45277 times
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) 三個.

FAV

::

::

::

TAG Bookmark, funp, Url

Trackback 0 : Comment 0

views: 48902 times
在網上衝浪時, 發現了這個好玩的網站: 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

FAV

::

TAG Bookmark, digg, pligg

Trackback 0 : Comment 2

AddThis支援顯示中文囉

blog服務 2007/03/31 00:21

views: 41517 times
今天試了一下掛在本站上的 AddThis 功能, 原來文章請參閱: http://diary.tw/tim/66
由於該站原來不能正確顯示中文, 因為編碼的關係, 雖然最後記入書籤系統是正確的, 但是中間的顯示異常總是讓人不太舒服.
剛用了一下, 發現已經都可以正常囉, 提供一下資訊給大家參考.

FAV

::

TAG addthis, Bookmark

Trackback 0 : Comment 2

新增Add This!書籤服務

WebTrend 2006/12/03 01:26

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

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

more..

FAV

::

TAG addthis, Bookmark, rss, 寄生服務

Trackback 1 : Comment 0

新增MyShare的小貼紙收藏功能

blog服務 2006/09/29 01:30

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

http://diary.tw/tim/31
及
http://www.quirksmode.org/js/selected.html

more..

FAV

::

TAG Bookmark, MyShare

Trackback 0 : Comment 0

新加入FAV功能

blog服務 2006/08/25 00:07

views: 40627 times
加了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, 更不用說解析內容後再帶入新增書籤功能頁面, 看之後還有沒有時間研究這段, 可能的話再試試看囉!

FAV

::

TAG Bookmark, del.icio.us, Technorati, 書籤

Trackback 0 : Comment 7

shenez 2006/10/29 05:11 MODIFY/DELETE REPLY
del.icio.us的連結，建議將http://del.icio.us/add/?title=.......改成http://del.icio.us/post?title=.... 這樣已經登入過的使用者，就不用再登入一次！
- Timothy 2006/10/29 22:02 MODIFY/DELETE
  剛調整了一下, 果然如你所說, 已修正完成囉, 謝謝你的協助! 根據 http://del.icio.us/help/savebuttons 這裡用的方式, 的確是使用 post 方法, 但它的 add 方法是要做什麼用的呢? 可能要再查查.

Hinazma 2007/03/20 02:30 MODIFY/DELETE REPLY
想要單純在 skin 上帶出 TAG 是有可能的
我做了個 DOM 的小範例，您參考一下...
http://hina.ushiisland.net/blog/getTAG.html
- Hinazma 2007/03/20 02:31 MODIFY/DELETE
  貼錯網址 ...orz
  http://hina.ushiisland.net/getTAG.html
- Timothy 2007/03/20 02:49 MODIFY/DELETE
  走 dom + javascript 的方式是可以的, 不過就是拿不到該 tag div 的 element, 應該說 tt 在這裡並沒有給 tag 這個 div id, 所以就比較沒辦法單純地做出這個功能在 skin.html 上了.
- Hinazma 2007/03/20 09:27 MODIFY/DELETE
  其實可以偷吃步 XD
  每個 atricle 都有一個 atricle link 是唯一的，就是 /blog/xxx (例如您的每篇文章是 /tim/xxx)，把 tag 的 div id 指定為這個 article link，這樣就會有唯一值出現... 在我的 blog 裡，變換每篇文章與留言字體大小的 javascript 就是這麼做的 :P
  
  不過我在想... 文章字體變換大小這種小工具，不知道怎麼樣做成 plugin @_@... 對於 plugin 還真有點莫名的頭疼啊 ...orz
- Timothy 2007/03/20 23:18 MODIFY/DELETE
  利用這種id也是可以啦, 至於你說要文章字體變換大小, 從 css 方面下手如何呢?

Write a comment

: 暱稱

: 密碼

: 首頁僅管理員可見

新增HEMiDEMi文章加入書籤功能

blog服務 2006/08/21 12:00

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

more..

連上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 造成的阻擋.

FAV

::

TAG Bookmark, HEMiDEMi, javascript, 書籤

Trackback 3 : Comment 4

Trackback Address :: http://diary.tw/tim/trackback/31

Tracked from 阿祥の網路筆記本 2006/11/07 13:22 DELETE
Subject: [Blog]在TatterTools中加入HEMiDEMi加入書籤功能！
HEMiDEMi是一個相當知名的共享書籤服務，雖然起步比Furl、delicio.us…這些老大哥晚，但優秀的功能也吸引了相當多使用者的青睞。原本我的Blog中已經設置有了Furl、delicio.us的文章收藏功能，為了方便來訪的網友，我也希望能加入HEMiDEMi的書籤功能，不過在HEMiDEMi的小貼紙產生器中，雖然很貼心的為使用者設置好了Blog文章收藏的功能按鈕語法，但卻未支援我所使用的Tattertools（太冷門了嗎XD？），雖然其中也提供For Other Blog的語法，但貼上來卻..

Tracked from 小冰的最後天堂 - Blog 2007/02/07 00:08 DELETE
Subject: HEMiDEMi、MyShare網路書籤增加
最近本部落格想要開始走上「像樣點兒」的營運方式了，最起碼單月文章數希望能夠突破十篇以上… 其實也不為了什麼，是管理人覺得自己的「三分鐘熱度病」該好好滴給它改一改了…TTblog的版本演進至今，除了各項功能滴加強外，另人垢病的「SPAM」問題也能藉由外掛有效滴管理。既然管理人不畏SPAM等的問題一路經營著本部落格走過來，實在是不能再隨便經營下去了～管理人最早開始部落格方式的線上日記，是「Reprise 」的「Journal 」啊～雖然後面由於雜務纏身而變得斷斷續續滴，但還算是有在整理。而期間也不知道在..

Tracked from 用手摀住我的嘴 2007/02/25 14:51 DELETE
Subject: TT 1.1 加入網路書籤功能
最近過年期間，比較有時間可以看看別人的Blog，發現有蠻多Blog都有網路書籤功能，所以看到幾個TT Blog也有此功能，當然我也研究一下~好讓我的Blog也能跟上囉看了幾篇文章後，發現網路書籤還蠻多的，全都加上來搞不好都比我的內文多字了~^^ 所以這次先選擇二個看來是目前蠻多人使用的Hemidemi 書籤: 這裡一般都是bookmark中文的，介面也中文，所以感覺還蠻親切囉，英文覺得難背他中文網站名稱叫黑米，應該比英文簡單太多了使用方式蠻簡單的，在你的TT Blog管理介面的範本中編輯你目前的sk..

video收集服務網站

WebTrend 2006/07/04 00:32

views: 58239 times
http://www.vottie.com/

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

more..

FAV

::

TAG Bookmark, video, vlog, vottie, youtube

Trackback 0 : Comment 0

新增HEMiDEMi共享書籤

blog服務 2006/06/27 23:34

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

more..

(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>') })()

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

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