提供Google、Yahoo、Technorati、Alexa、 Feedburner 和 Delicious的相關數據供你參考，使用方法相當的簡單，只要輸入你的網址，選擇你要Normal模式或是Compact模式，按下Get Widget Code就會出現程式碼，再將程式碼用新增網頁元素，貼上部落格即可。
如果想知道相關的數據，只要在各家圖案上按下就會出現數值表讓你參考。
2007年10月24日 星期三
測試你的部落格人氣的利器---My uStats
最近發現了這個網站，My uStsts，可以讓你知道你的blog有多少的連接點，有多少人在說你的部落格。
提供Google、Yahoo、Technorati、Alexa、 Feedburner 和 Delicious的相關數據供你參考，使用方法相當的簡單，只要輸入你的網址，選擇你要Normal模式或是Compact模式，按下Get Widget Code就會出現程式碼，再將程式碼用新增網頁元素，貼上部落格即可。
如果想知道相關的數據，只要在各家圖案上按下就會出現數值表讓你參考。
提供Google、Yahoo、Technorati、Alexa、 Feedburner 和 Delicious的相關數據供你參考，使用方法相當的簡單，只要輸入你的網址，選擇你要Normal模式或是Compact模式，按下Get Widget Code就會出現程式碼，再將程式碼用新增網頁元素，貼上部落格即可。
如果想知道相關的數據，只要在各家圖案上按下就會出現數值表讓你參考。
Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(下)
繼上篇介紹 Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(上)後，來介紹相關的設定，登入網站後，會出現像以下這樣的圖，前三個在修改你的統計介面---Map、Globe、Counter，第四個則是統計資料，第五個是修改個人帳號的設定，最後則是logout登出的選項。
● GeoGlobe（寬度１５０px）
按下GeoGlobe後會出現，目前的widget，右手邊有個Color Configuration
，點選之後出現以下畫面，
按下放大鏡之後會有許多skins讓你選擇，要注意的是輸入中文字有些會變成亂碼，還有Color on line最好是設定紅色的（除非你的地球背景選的是紅的，那就不要設紅的），那個小圓點才會是紅的比較明顯。
● GeoCounter（寬度１５０px）
有三種形狀的Counter，地球形狀、矩形、圓角矩形，大小則有150*170、150*255、150*340，可以自己上傳圖片當作背景，記得要勾選background或是用單色背景也可以就不用勾選了，上傳圖片之後按下envoyer，他會出現一個視窗讓你調整圖形出現的大小，設定完再按submit即可出現程式碼，再貼上blog即可。
● GeoMap（寬度３００px及２００px）
和GeoGlobe方法類似，一樣只能統計今天和24小時內的人數來源map，大小有兩種，一種是預設的300*170另一種則是200*150。
試用以後覺得GeoCounter比較有效益，因為他可以累積從開始放這個widget以後的各國人數，其他的線上人數可以用whos達成，因為我的每日訪客並不多，如果會拖慢網頁的瀏覽速度，可能過不久就會拿掉了，不過那顆地球還真是漂亮，目前三種都先放上網頁測試，讓大家看看展示出來的畫面作為參考。
● GeoGlobe（寬度１５０px）
按下GeoGlobe後會出現，目前的widget，右手邊有個Color Configuration
，點選之後出現以下畫面，
按下放大鏡之後會有許多skins讓你選擇，要注意的是輸入中文字有些會變成亂碼，還有Color on line最好是設定紅色的（除非你的地球背景選的是紅的，那就不要設紅的），那個小圓點才會是紅的比較明顯。
● GeoCounter（寬度１５０px）
有三種形狀的Counter，地球形狀、矩形、圓角矩形，大小則有150*170、150*255、150*340，可以自己上傳圖片當作背景，記得要勾選background或是用單色背景也可以就不用勾選了，上傳圖片之後按下envoyer，他會出現一個視窗讓你調整圖形出現的大小，設定完再按submit即可出現程式碼，再貼上blog即可。
● GeoMap（寬度３００px及２００px）
和GeoGlobe方法類似，一樣只能統計今天和24小時內的人數來源map，大小有兩種，一種是預設的300*170另一種則是200*150。
試用以後覺得GeoCounter比較有效益，因為他可以累積從開始放這個widget以後的各國人數，其他的線上人數可以用whos達成，因為我的每日訪客並不多，如果會拖慢網頁的瀏覽速度，可能過不久就會拿掉了，不過那顆地球還真是漂亮，目前三種都先放上網頁測試，讓大家看看展示出來的畫面作為參考。
Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(上)
Geovisite是個設計Geo Tracking工具的網站，可以顯示線上人數及各國參觀人數的統計工具，其實這些功能有許多網站都有設計出類似的工具，也都很好用，例如我目前使用的不用註冊的whos.amung.us及要註冊的ClustrMaps都還蠻好用的，被這網站吸引主要是那顆會動的地球，及他可以變化許多漂亮的Skins，這在其他的網站工具上是欠缺的。
主站Geovisite.com（我不知道原設計是哪一國的高手，不過他有英文網站）
英文網站
這是需要註冊的網站，填入信箱，設定你的帳號密碼及blog相關資訊即可，按儲存之後，會出現６種語法，分別是GeoGlobe、GeoCounter、GeoMap，每種各有java動畫式圖案及單純的靜態圖片模式。
我把語法１到６的圖片先列出來
● GeoGlobe（寬度１５０px）
● GeoCounter（寬度１５０px）
● GeoMap（寬度３００px）
看自己的需要再將語法掛上即可，如果想更改介面（相關的介面圖形可參考這頁），則按該圖形連結即可，輸入你的帳號密碼，選擇你要修改的是Globe、counter、maps哪一項，點進去之後，右手邊有個Color Configuration點選後會出現一個視窗，再設定你要的skin即可及相關的顏色文字設定，按下sumbit就會出現程式碼，再貼上你的blog。（有些中文會變亂碼）
詳細的設定，參考
Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(下)
後台也有相關的統計資料，選擇Statistics，可以看到前一天以前的統計資料，不過因為我剛裝，還沒有資料，等資料累積一陣子後，再來看看有沒什麼新鮮的玩意。
主站Geovisite.com（我不知道原設計是哪一國的高手，不過他有英文網站）
英文網站
這是需要註冊的網站，填入信箱，設定你的帳號密碼及blog相關資訊即可，按儲存之後，會出現６種語法，分別是GeoGlobe、GeoCounter、GeoMap，每種各有java動畫式圖案及單純的靜態圖片模式。
我把語法１到６的圖片先列出來
● GeoGlobe（寬度１５０px）
● GeoCounter（寬度１５０px）
● GeoMap（寬度３００px）
看自己的需要再將語法掛上即可，如果想更改介面（相關的介面圖形可參考這頁），則按該圖形連結即可，輸入你的帳號密碼，選擇你要修改的是Globe、counter、maps哪一項，點進去之後，右手邊有個Color Configuration點選後會出現一個視窗，再設定你要的skin即可及相關的顏色文字設定，按下sumbit就會出現程式碼，再貼上你的blog。（有些中文會變亂碼）
詳細的設定，參考
Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(下)
後台也有相關的統計資料，選擇Statistics，可以看到前一天以前的統計資料，不過因為我剛裝，還沒有資料，等資料累積一陣子後，再來看看有沒什麼新鮮的玩意。
2007年10月15日 星期一
10.15部落格行動日---簡單過生活
既然在網誌上宣傳了這個活動，也要寫一篇與環保議題相關的文章，書寫出自己的環保經驗。
住在中部的小城鎮，鄉下人的環保概念本來就很薄弱，甚至有取自於大地，就回饋給大地的想法，只是常常回饋的是垃圾與污染，這對於帶給我們生機與萬物的大地真的是莫大的傷害，
其實在我的想法與實際作法就是「簡單過生活」，尤其年紀越來越長，越覺得很多東西是不必要也是不需要的，外表的華麗與內心的豐足並不能成比例，尤其看最近沸沸揚揚的週年慶，衣蝶百貨封館拍賣，一位媽媽說，我也不知道買了什麼，就花了二萬多元，值得嗎？花了精神體力去搶購，但是買回的卻不是自己想要的東西，我想這是很多人會做的事，我也曾經做過。
另外有朋友喜歡添購新的手機或是3C設備，曾發現一個友人的抽屜裡擺滿了10多隻手機，問他怎麼那麼多，他說有新的功能、或是促銷等等，不知不覺就有了那麼多，但是人只有一張嘴，買那麼多還是閒置在抽屜裡，而且也容易患資訊焦慮症，把自己搞得這麼忙，何苦來哉？而且也是種浪費及不環保的行為。
我想花錢時先想清楚自己到底需不需要，如果沒有它我會怎麼樣，有了它又會怎麼樣，不要衝動的買下去，否則常買到的是自己的後悔，與越來越狹小的空間，因為空間都被購買的東西佔據了，常看到自己娘親亂花錢，就會告訴他，我們家這一坪地要好幾十萬，都被你的幾千塊的東西佔據了，真的是很不划算，還要買櫃子來裝這些沒有用的東西啊！
我想環保是未來人類都要學習的一們功課，如果你有小朋友，記得從小就要教導他們環保與愛惜物品的觀念，對於年長者我自己是沒有辦法，或許被罰錢，他們才會有所警惕吧。
住在中部的小城鎮，鄉下人的環保概念本來就很薄弱，甚至有取自於大地，就回饋給大地的想法，只是常常回饋的是垃圾與污染，這對於帶給我們生機與萬物的大地真的是莫大的傷害，
其實在我的想法與實際作法就是「簡單過生活」，尤其年紀越來越長，越覺得很多東西是不必要也是不需要的，外表的華麗與內心的豐足並不能成比例，尤其看最近沸沸揚揚的週年慶，衣蝶百貨封館拍賣，一位媽媽說，我也不知道買了什麼，就花了二萬多元，值得嗎？花了精神體力去搶購，但是買回的卻不是自己想要的東西，我想這是很多人會做的事，我也曾經做過。
另外有朋友喜歡添購新的手機或是3C設備，曾發現一個友人的抽屜裡擺滿了10多隻手機，問他怎麼那麼多，他說有新的功能、或是促銷等等，不知不覺就有了那麼多，但是人只有一張嘴，買那麼多還是閒置在抽屜裡，而且也容易患資訊焦慮症，把自己搞得這麼忙，何苦來哉？而且也是種浪費及不環保的行為。
我想花錢時先想清楚自己到底需不需要，如果沒有它我會怎麼樣，有了它又會怎麼樣，不要衝動的買下去，否則常買到的是自己的後悔，與越來越狹小的空間，因為空間都被購買的東西佔據了，常看到自己娘親亂花錢，就會告訴他，我們家這一坪地要好幾十萬，都被你的幾千塊的東西佔據了，真的是很不划算，還要買櫃子來裝這些沒有用的東西啊！
我想環保是未來人類都要學習的一們功課，如果你有小朋友，記得從小就要教導他們環保與愛惜物品的觀念，對於年長者我自己是沒有辦法，或許被罰錢，他們才會有所警惕吧。
2007年10月12日 星期五
Blogger Play可放在blog上的小工具Gadget
繼上次介紹過Blogger Play即時瀏覽各國blogger的圖片，最近發現這個東西已經開發出iGoogle的Gadget，可以放在自己的網誌上或是iGoogle首頁，一邊看網誌也可以一邊欣賞最新各國blogger所上傳的照片，真的很有意思。
如何做呢？
● 放在iGoogle網頁
進入，將「Blogger Play」新增至您的 iGoogle 網頁。
只要勾選標題下的那一項，"將iGoogle 設定為Google 首頁，並顯示此小工具"，下面有勾選其他項目的，記得取消（除非你想安裝，另當別論）
● 放在你的blog或是網站上
進入，將這個小工具新增至您的網頁，不過他的大小預設是595*500，縮小的話會有拉bar出現很不美觀，或是部份被截掉(像下方展示的那樣)，除非你想放那麼大的Slideshow在你的網站上。
﹝請注意，IE的Slideshow出現的比較慢，可稍等一下，或是按重新整理﹞
所以在Blogger Buzz找到這段語法，新增你的網頁元素，HTML/JavaScript，
出現的就是200*160的小框框，比較適合邊欄使用，如果想改大小就在紅色的地方改成你要的寬度或是高度即可。
2008.3.25更新
這段語法已經移除，所以失效了。
如何做呢？
● 放在iGoogle網頁
進入，將「Blogger Play」新增至您的 iGoogle 網頁。
只要勾選標題下的那一項，"將iGoogle 設定為Google 首頁，並顯示此小工具"，下面有勾選其他項目的，記得取消（除非你想安裝，另當別論）
● 放在你的blog或是網站上
進入，將這個小工具新增至您的網頁，不過他的大小預設是595*500，縮小的話會有拉bar出現很不美觀，或是部份被截掉(像下方展示的那樣)，除非你想放那麼大的Slideshow在你的網站上。
﹝請注意，IE的Slideshow出現的比較慢，可稍等一下，或是按重新整理﹞
所以在Blogger Buzz找到這段語法，新增你的網頁元素，HTML/JavaScript，
<div style="width:200px; margin:0 auto;">
<script src="http://gmodules.com/ig/ifr?url=http://www.blogger.com/gadgets/play.xml&up_speed=20&synd=open&w=200&h=160&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
</div>2008.3.25更新
這段語法已經移除，所以失效了。
2007年10月9日 星期二
部落格行動日---Blog Action Day環保活動
英文官網 Blog Action Day
中文官網 部落格行動日
◆ 選擇一個「環境」議題有關的主題，10月15日在自己的網誌中發表即可。
(也可以登錄你的網站，表達你的支持，也會列入計算人數)
◆ 捐出一日所得給環保公益團體。
◆ 在網站上宣傳部落客行動日的活動。
中文官網可以在pixnet官網看到，影片部份做得相當好，讓人可以去省思，blogger能為這世界做什麼，有時看起來很渺小，好像是躲在電腦後面的蒙面客，過著御宅族的生活，但是凝聚在一起也是能發揮聚沙成塔的威力的，就像影片最後的小水滴一樣，滴在水面上也是會漾起漣漪的。
或許我們不能改變這世界，但我們的心可以改變，當你關注一件事並持續的做下去，就算看不到即時的成果，但潛移默化中還是有些東西會改變，這是我一直相信的事。
所以15日我也要發表一篇文章，有關環保議題的，來支持這個專為部落客設計的環保活動，希望有看到這篇文章的網友們也可以響應。
相關影片
中文官網 部落格行動日
◆ 選擇一個「環境」議題有關的主題，10月15日在自己的網誌中發表即可。
(也可以登錄你的網站，表達你的支持，也會列入計算人數)
◆ 捐出一日所得給環保公益團體。
◆ 在網站上宣傳部落客行動日的活動。
中文官網可以在pixnet官網看到，影片部份做得相當好，讓人可以去省思，blogger能為這世界做什麼，有時看起來很渺小，好像是躲在電腦後面的蒙面客，過著御宅族的生活，但是凝聚在一起也是能發揮聚沙成塔的威力的，就像影片最後的小水滴一樣，滴在水面上也是會漾起漣漪的。
或許我們不能改變這世界，但我們的心可以改變，當你關注一件事並持續的做下去，就算看不到即時的成果，但潛移默化中還是有些東西會改變，這是我一直相信的事。
所以15日我也要發表一篇文章，有關環保議題的，來支持這個專為部落客設計的環保活動，希望有看到這篇文章的網友們也可以響應。
相關影片
 |
2007年10月6日 星期六
Blogger 新手基本技巧問答（四）
● 文字的特殊變化
目前blogger後台提供的文字效果，只有斜體<em>及粗體<strong>，如果想要有別的效果，則要自己加上相關語法，最常用的有：
1、劃線、刪除線：前後加上<s>要刪除的文字</s>，或是<STRIKE>要刪除的文字</STRIKE>，例如：刪除文字
2、加上底線：<U>文字敘述</U>，例如：文字底線
3、加上分格線<hr>
4、<SUB>下標字</SUB>
例如：x2
5、<SUP>上標字</SUP>
例如：y2
● 想插入背景音樂，怎麼做？
將這段語法放在文章中或是邊欄，在放的地方會出現播放音樂的小視窗。
width設定寬度，height設定高度，如果不想顯示可以設成０或是hidden=1，就會隱藏。
autostart=1，表示自動播放背景音樂，最好是設成0，讓閱讀者自己決定是否播放。
loop=1表示循環播放，loop=2表示播放２次。
特別提醒，Firefox的使用者：
有人是用true,false代替0或1，但在Firefox下無法辨識，所以最好是用0與1來設定，還有如果沒在語法裡加入type="audio/x-ms-wma"，(適用mid及wma檔)在Firefox下是無法顯示播放器的，
如果是mp3檔案則是加上type="video/x-ms-asf"，
rm檔則為type="audio/x-pn-realaudio-plugin"
● 在頁尾加上網站相關資訊
通常我在網誌頁面最下方，會放一些版權宣告及網站資訊的相關文字敘述，只要在網頁元素，新增文字或是HTML/JavaScript都可以，讓你的網站更完整也更專業。
其中©，可以用©語法表示，通常我會顯示三部分，
版權宣告 ：Copyright 2007© 0與1謎詭世界 All Rights Reserve.
設計模板來源：Design by Blog and Web.
Blogger空間提供：Powered by Blogger
再利用超連結、顏色來突顯即可。
● 如何顯示特殊字元?
通常在文章中要加入程式碼，一些特殊字元在html通常會無法顯示，例如<>&等等，這時就要以另外的程式碼放在html裡面來代替原有的字元才能正常顯示，常見的有下列幾個。
< 以< 替代 > 以> 替代
& 以& 替代
© 以© 或是 © 替代
® 以 ® 替代
空白 以 替代
如果想要更多有趣的特殊符號，可以參考下列網站
在 HTML 中顯示特殊字碼 (Times字型)
目前blogger後台提供的文字效果，只有斜體<em>及粗體<strong>，如果想要有別的效果，則要自己加上相關語法，最常用的有：
1、劃線、刪除線：前後加上<s>要刪除的文字</s>，或是<STRIKE>要刪除的文字</STRIKE>，例如：
2、加上底線：<U>文字敘述</U>，例如：文字底線
3、加上分格線<hr>
4、<SUB>下標字</SUB>
例如：x2
5、<SUP>上標字</SUP>
例如：y2
● 想插入背景音樂，怎麼做？
<embed src="音樂網址" width="230" height="60" autostart="0" loop="1" type="audio/x-ms-wma"></embed>將這段語法放在文章中或是邊欄，在放的地方會出現播放音樂的小視窗。
width設定寬度，height設定高度，
autostart=1，表示自動播放背景音樂，最好是設成0，讓閱讀者自己決定是否播放。
loop=1表示循環播放，loop=2表示播放２次。
特別提醒，Firefox的使用者：
有人是用true,false代替0或1，但在Firefox下無法辨識，所以最好是用0與1來設定，還有如果沒在語法裡加入type="audio/x-ms-wma"，(適用mid及wma檔)在Firefox下是無法顯示播放器的，
如果是mp3檔案則是加上type="video/x-ms-asf"，
rm檔則為type="audio/x-pn-realaudio-plugin"
● 在頁尾加上網站相關資訊
通常我在網誌頁面最下方，會放一些版權宣告及網站資訊的相關文字敘述，只要在網頁元素，新增文字或是HTML/JavaScript都可以，讓你的網站更完整也更專業。
其中©，可以用©語法表示，通常我會顯示三部分，
版權宣告 ：Copyright 2007© 0與1謎詭世界 All Rights Reserve.
設計模板來源：Design by Blog and Web.
Blogger空間提供：Powered by Blogger
再利用超連結、顏色來突顯即可。
● 如何顯示特殊字元?
通常在文章中要加入程式碼，一些特殊字元在html通常會無法顯示，例如<>&等等，這時就要以另外的程式碼放在html裡面來代替原有的字元才能正常顯示，常見的有下列幾個。
< 以< 替代 > 以> 替代
& 以& 替代
© 以© 或是 © 替代
® 以 ® 替代
空白 以 替代
如果想要更多有趣的特殊符號，可以參考下列網站
在 HTML 中顯示特殊字碼 (Times字型)
系列文章:
● Blogger 新手基本技巧問答(一)
● Blogger 新手基本技巧問答(二)
● Blogger 新手基本技巧問答(三)
網站縮圖擷取（Web thumbrail）大彙集
常常在介紹網站時，都希望弄一個該網站的縮圖或是部份圖像，提供網友參考，雖然像Snap Shots可以讓你的超連結都可以popup，另開小視窗的方式，跳出該網頁的預覽（preview），但是每個超連結都有這個功能，對我而言太花俏了，而且覺得有的這種工具會干擾到我閱讀的習慣，所以還是以下列工具為預覽網站的方式：
● SimpleAPI
在我介紹日本相關資訊的網誌，我都是利用這個工具，因為這是為日本網站設計的，縮圖大小是128*128，但中文或是英文網站並不適用，因為無法顯示圖像，只能有超連結的功能，使用方法也很簡單，輸入你的網址，按下右邊灰色的鍵"サムネイルを生成"即可，再將下面出現的程式碼貼到你的網站上即可，目前是我最喜歡的縮圖網站，因為他的圖像大小適中，且有圓角，看起來較美觀。
範例：日本yahoo站
● HeartRails Capture
雖然也是日文網站，但卻可以顯示中英日等網站，預設大小是200*150px，右上方有 + 及 - ，按下去可以設定大小，有60*45、120*90、400*300、640*480，共有5種尺寸大小，方便你的網站彈性使用，雖然有些還是抓不到圖，但是適用範圍就大了許多。
HeartRails Capture，不僅可以輸出縮圖，也可以把網站縮圖以PDF的型態展現，方便你如果需要列印或是作其他利用，另外他也有提供縮圖及pdf檔的的網址。
範例：日本yahoo站
● IgWebCap
這也是日文網站，可以自訂大小及背景框顏色，中英日網站支援性都還不錯，而且程式碼有分三種，iframe、Script及img檔的語法（img語法程式相當多，因為是用table，不建議用）。
範例：日本yahoo站
● WebShotsPro.com
這是英文網站，有4種圖像大小，100*75、267*200、400*300、640*480，但是並沒有提供程式碼讓你放在網頁上，要以插入圖片的方式來顯示，所以不是那麼方便。
範例：日本yahoo站
● Mozshot
Mozshot提供三種尺寸大小的縮圖，128*128、256*256、64*64，提供一個樣本程式碼，你再根據自己的需求修改即可，不過很多網站縮圖都顯示不出來。
範例：日本yahoo站
● SimpleAPI
在我介紹日本相關資訊的網誌，我都是利用這個工具，因為這是為日本網站設計的，縮圖大小是128*128，但中文或是英文網站並不適用，因為無法顯示圖像，只能有超連結的功能，使用方法也很簡單，輸入你的網址，按下右邊灰色的鍵"サムネイルを生成"即可，再將下面出現的程式碼貼到你的網站上即可，目前是我最喜歡的縮圖網站，因為他的圖像大小適中，且有圓角，看起來較美觀。範例：日本yahoo站
● HeartRails Capture
雖然也是日文網站，但卻可以顯示中英日等網站，預設大小是200*150px，右上方有 + 及 - ，按下去可以設定大小，有60*45、120*90、400*300、640*480，共有5種尺寸大小，方便你的網站彈性使用，雖然有些還是抓不到圖，但是適用範圍就大了許多。HeartRails Capture，不僅可以輸出縮圖，也可以把網站縮圖以PDF的型態展現，方便你如果需要列印或是作其他利用，另外他也有提供縮圖及pdf檔的的網址。
範例：日本yahoo站
● IgWebCap
這也是日文網站，可以自訂大小及背景框顏色，中英日網站支援性都還不錯，而且程式碼有分三種，iframe、Script及img檔的語法（img語法程式相當多，因為是用table，不建議用）。範例：日本yahoo站
● WebShotsPro.com
這是英文網站，有4種圖像大小，100*75、267*200、400*300、640*480，但是並沒有提供程式碼讓你放在網頁上，要以插入圖片的方式來顯示，所以不是那麼方便。範例：日本yahoo站
● Mozshot
Mozshot提供三種尺寸大小的縮圖，128*128、256*256、64*64，提供一個樣本程式碼，你再根據自己的需求修改即可，不過很多網站縮圖都顯示不出來。範例：日本yahoo站
訂閱：
文章 (Atom)