[Lifetype] 收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati

| 五月 06, 2006 | 7個迴響1個引用| 2504 reads | Size: L, M, S | Edit: P, C, R |
| Category: LifeType. |

    之前有寫過一篇「在文章上加入Add To Del.icio.us、Add To Furl 連結」,今天在看 chweng 的 Blog 時,覺得他的選單方式還不錯,就偷看了一下語法,分享紀錄一下語法。

    另外,後來也修改了一下我的這些收藏文章的連結,最後是把他拿到文章的最後去,這樣首頁比較簡潔。而且說實在的,會想收錄文章,也是看完文章後吧,所以放在文章末,更符合閱讀行為。

    此外,加上了 HEMiDEMiTechnorati 的連結。

    UPDATE 2006-08-28: 新增了智邦 My Share 的連結。

    語法 For Lifetype:

    <select onchange="location=this.options[this.selectedIndex].value;">
    <option value="">加到網路書籤</option>
    <option value="http://www.hemidemi.com/user_bookmark/new?title={$post->getTopic()}&url={$url->postPermalink($post)}">+ HEMiDEMi</option>
    <option value="http://del.icio.us/login/?url={$url->postPermalink($post)}&title={$post->getTopic()}">+ del.icio.us</option>
    <option value="http://www.furl.net/storeIt.jsp?p=1&t={$post->getTopic()}&u={$url->postPermalink($post)}">+ Furl</option>
    <option value="http://technorati.com/faves?add={$url->postPermalink($post)}">+ Technorati</option>
    <option value="http://myshare.url.com.tw/index.php?func=newurl&url={$url->postPermalink($post)}&desc={$post->getTopic()}">+ MyShare</option>
    </select>

    不過最後我沒有使用,測試過幾種後,我喜歡現在的方式。有興趣的人可以加看看。

    另外,這次多了 Technorati 和 HEMiDEMi 的連結,如下:

    +<a xhref="http://www.hemidemi.com/user_bookmark/new?title={$post->getTopic()}&url={$url->postPermalink($post)}" target="_blank" title="Add To Your HEMiDEMi" >HEMiDEMi</a>

    +<a xhref="http://technorati.com/faves?add={$url->postPermalink($post)}" target="_blank" title="Add To Your Technorati Favorites" >Technorati</a>

    +<a xhref="http://myshare.url.com.tw/index.php?func=newurl&url={$url->postPermalink($post)}&desc={$post->getTopic()}" target="_blank" title="Add To Your My Share" >My Share</a>

    P.S. 一樣,Fx 跟 TinyMCE 兩個處的不好,記得把 xhref 改成 href。 

     


    隨機文章:
    » [Lifetype] 收藏文章到 FunP
    » 在文章上加入「Add To Del.icio.us」「Add To Furl」連結
    » 在Blog播放MP3 的簡單方法 - Del.icio.us playtagger
    » Ubuntu 8.04 (HardyHeron) Alpha5
    » [Twitter] TwitThat and Twitio.us For Lifetype


Leave A Comment:













   


7 迴響 of "[Lifetype] 收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati"

Y.R. By Y.R. @ 2006 五月 06, 05:57 :

感覺這篇對我會有用,可是我現在還看不懂。有空再來研究一下;)

polaristin謝謝 :) By polaristin @ 2006 五月 06, 13:28 :

謝謝你的教學
之前就照你的教學放上delicious跟furl了
今天再加上technorati跟hemidemi
再次謝謝唷 :D

C.H.Weng By C.H.Weng @ 2006 五月 07, 02:40 :

其實我本來是想純粹用 CSS 做的,不過目前只在 Firefox 下看起來勉強好一點,但會影響到下面的文字。

此外,這種寫法在 IE6 應該跑不起來,但是 IE7 可以;而在 Opera 中是可以跑,但效果有待調整。

結論就是,個人功力太差....||還要多做點功課來修改這個東西!

暫時測試的 sample:http://www.chweng.idv.tw/test/testhover.html

ajer001 By ajer001 @ 2006 五月 07, 11:08 :

我剛看到的時候我也是在想說,這個要是用CSS或AJAX寫一定很漂亮。
不過我沒這個能力,嗚嗚T.T
CHWeng加油,我覺得你測試的那個還不賴耶。

C.H.WengRe:收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati By C.H.Weng @ 2006 五月 08, 16:30 :

改得差不多囉,現在這樣就算是成品了吧。

不過因為只用了很簡單的幾個 CSS 設定,完全沒有 Javascript,所以確定無法在 IE6 以下的版本跑這個效果。

這個範例在未來也許用得上,不過現階段還是看看就好..畢竟 IE6 用戶還是佔絕大多數...:(

p.s. 至於為什麼要做這個設計,以及一些設計要點,可以上我的部落格看。
source code 拆不下來,或是覺得有什麼需要改進的,再來討論吧^^

waterbeeRe: [Lifetype] 收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati By waterbee @ 2007 十二月 01, 18:10 :

furl 的部份失效,
會出現 Please Upgrade Your Furl Tools


1 引用 of "[Lifetype] 收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati"

[Lifetype] 更正 Add To Furl 連結 By 阿駕零零壹 © 學習筆記 @ 2007 十二月 01, 21:32 :

感謝 waterbee 的 告知,這才知道 Furl 的連結改了,研究了一下子才拿掉一堆大概用不到的 Code,更正後如下:<a href="http://www.furl.net/savedialog.jsp?t={$post->getTopic()}&u={$url->postPermalink($po...