分類
blog服務

真好用的線上相片播放器-slide.com

看到一個很炫的網站, www.slide.com

這個網站的功能主要是在做幻燈片產生器, 也就是上傳相片(或圖片), 即可線上進行幻燈片的產生. 內容千變萬化, 還可加上文字, 特效非常多, 而且還提供產生的結果供內嵌使用(代表著也提供了空間供應).

這個網站還將許多 blog 或社群網站列在上面, 並做出了如何將結果放在網頁上的操流程, 方便使用者能更容易地將產生的結果放入自己想放的地方. 除此之外, 應該本身也在經營著社群, 使用者加入該網站會員後, 可以訂閱或看許多其他的製作的幻燈片, 看起來似乎也是在凝聚人氣及使用率.

操作的頻驟十分容易, 就是

  1. 創作幻燈秀
  2. 儲存幻燈秀
  3. 播放幻燈秀
分類
blog服務

好玩哩! SNAP幫你preview

從朋友網站, ” 阿祥の網路筆記本“看到一個超好玩的 snap 網站, 功能很好玩, 他會將你網站上的外部連結當滑鼠停在上面時, 開出一個 preview 的視窗, 十分有趣而且也相當實用.

該網站利用了 url 進行頁面 preview 的 capture, 並且存下來, 若是還未 capture 過的資料, 就會進行 capture , 所以會等一下子才會有 preview 的頁面, 若是已經 cache 過了, 就會直接秀出來囉.

這樣一來不僅可以方便訪客在看網站時, 可以參考外部連結的網站預覽, 更有趣的我想到一個好玩的功能, 就是可以將一些圖片放進來, 例如:

http://static.flickr.com/2/3432741_d8699b0879_m.jpg

http://static.flickr.com/29/61276396_4061f49460_m.jpg

如此一來便能將一些相片放上來, 不用將圖用 img src 的方式連入, 直接用 snap 的 preview 進行預覽囉, 是不是很好玩又有趣呢..

分類
blog服務

flickr帳號取得了-因為notes scriptlet

之前說要請一個 flckr 帳號, 一直沒有動作, 直到剛剛… 看到了這篇:

http://fredjame.com/modules/news/article.php?storyid=102

原來只是在介紹的 Aptana 的文章, 看到圖片上的說明, 想說 flash 這麼棒的工具, 結果按右鍵並不是 flash.. 哈, 原來是 flickr 的 notes, 再加上 YuanCC 的 scriptelet 將 flickr 的好用工具 notes 加入, 真的是很不錯的設計, 看起來是我沒發現 flickr 的好用, 於是就加入了 flickr 帳號, (也就利用了一個 yahoo 的帳號來 create flickr 的帳號), 接下來就把最近看到的 Fastap Keyboard 的圖片放上去, 再加上 notes, 哈哈. 利用 YuanCC 的 scriptlet:

<script src="http://webdev.yuan.cc/flickr/flickrnotes.php?photoid=280351219"></script>
<noscript><img src="http://static.flickr.com/119/280351219_ae3203e8de_o.jpg" /></noscript>

成品出來囉:

 

ps. 另外也順便將 TT 在編文章時的 <script> 語法濾除的部分改掉, 是在 /blog/owner/enter/update/item.php 內. 這樣才得以在 post 文章時, 放入 <script> 語法.

YuanCC Flickr notes scriptlet:
http://webdev.yuan.cc/flickr/flickr_notes.html

分類
blog服務

放上Alexa Traffic Ranking的site widget

今天在 Alexa 網站上逛逛的時候, 發現他有提供 webmaster site widget 顯示流量功能的 icon, 有興趣的人可以參考:

http://www.alexa.com/site/site_stats/signup

由於 Alexa 已是世界級知名的統計排行網站, 雖然是利用了內嵌在瀏覽器上的小工具列進行統計, 不過數據還算公道, 可供參考. 不過可能安裝的人大多是英語系的國家, 相對的, 遠東地區的網站排行可能就比較吃虧了, 不過還是可以讓大家有個參考的依據啦.

加上來的時候本站是 1,673,065 名, 看看日後的的成長狀況囉, 加油!!

[2020/11/11 21:40]

今天搬這篇文章, 補一下現在排行:

所以從 2006/10/9 至 2020/11/11 排行由 1,673,065 到 619,513 了.

分類
blog服務

新增MyShare的小貼紙收藏功能

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

https://diary.tw/archives/306

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

分類
blog服務

Blog Look – 部落格觀察

眼尖的你, 是否發現了右邊區塊下方多了一個奇怪的排行, 叫做[部落格觀察], 這個網站的排名及計分方式在該網站的官方 blog 上有詳細說明:

http://myzilla.blogspot.com/2006/09/blog-look.html

先不論這種方式是否正確, 起碼有個依據, 未來我想會依更多更客觀的數據來加權計算, 以期能找出更有說服力的參考指標.

像國外的 alexa 也是一種雖然不是很客觀, 但也可以參考的一種方式, 至於正確性, 想必大家也都心知肚明, 網路上也有相同多相關的文章, 有興趣可以自己找看看, 但至少它也提供了一個 “參考” 的數據啦.

慢慢地, 這類服務資訊, 應該會愈來愈出, 但如何能公平客觀, 而且據說服力? 有賴更準確的機制囉…

分類
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('https://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 造成的阻擋.

分類
blog服務

新增訪客地圖

新增訪客地圖分布, 該網站提供了一個秀出訪客累積拜訪的地圖服務, 每日訪客量 2500 以下為免費服務, 這其實是一個還蠻有趣的服務, 能提供你訪客分布的資訊. 在 google 的 analytics 也有一樣的服務(該圖形是 flash 產出), 不過是沒有提供給網站一個圖形化專用的 image link.

由於有加入了該網站的相關 script, 所以可以很容易地統計出使用者的 ip, 並統計記錄下來, 再根據統計結果產生圖檔, 以供網站顯示, 是一個蠻實用也有趣的功能.

網站連結:
http://clustrmaps.com/
可以參考本網站右下角區域, 另外附上 sample 圖檔:

google analytics 的 sample 為:

分類
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> 移除囉..