2007年10月24日 星期三

測試你的部落格人氣的利器---My uStats

最近發現了這個網站,My uStsts,可以讓你知道你的blog有多少的連接點,有多少人在說你的部落格。


提供Google、Yahoo、Technorati、Alexa、 Feedburner 和 Delicious的相關數據供你參考,使用方法相當的簡單,只要輸入你的網址,選擇你要Normal模式或是Compact模式,按下Get Widget Code就會出現程式碼,再將程式碼用新增網頁元素,貼上部落格即可。

如果想知道相關的數據,只要在各家圖案上按下就會出現數值表讓你參考。

Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(下)

繼上篇介紹 Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(上)後,來介紹相關的設定,登入網站後,會出現像以下這樣的圖,前三個在修改你的統計介面---Map、Globe、Counter,第四個則是統計資料,第五個是修改個人帳號的設定,最後則是logout登出的選項。




GeoGlobe(寬度150px)




按下GeoGlobe後會出現,目前的widget,右手邊有個Color Configuration


,點選之後出現以下畫面,

按下放大鏡之後會有許多skins讓你選擇,要注意的是輸入中文字有些會變成亂碼,還有Color on line最好是設定紅色的(除非你的地球背景選的是紅的,那就不要設紅的),那個小圓點才會是紅的比較明顯。

GeoCounter(寬度150px)




有三種形狀的Counter,地球形狀、矩形、圓角矩形,大小則有150*170、150*255、150*340,可以自己上傳圖片當作背景,記得要勾選background或是用單色背景也可以就不用勾選了,上傳圖片之後按下envoyer,他會出現一個視窗讓你調整圖形出現的大小,設定完再按submit即可出現程式碼,再貼上blog即可。

GeoMap(寬度300px及200px)




和GeoGlobe方法類似,一樣只能統計今天和24小時內的人數來源map,大小有兩種,一種是預設的300*170另一種則是200*150。

試用以後覺得GeoCounter比較有效益,因為他可以累積從開始放這個widget以後的各國人數,其他的線上人數可以用whos達成,因為我的每日訪客並不多,如果會拖慢網頁的瀏覽速度,可能過不久就會拿掉了,不過那顆地球還真是漂亮,目前三種都先放上網頁測試,讓大家看看展示出來的畫面作為參考。

Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(上)

Geovisite是個設計Geo Tracking工具的網站,可以顯示線上人數及各國參觀人數的統計工具,其實這些功能有許多網站都有設計出類似的工具,也都很好用,例如我目前使用的不用註冊的whos.amung.us及要註冊的ClustrMaps都還蠻好用的,被這網站吸引主要是那顆會動的地球,及他可以變化許多漂亮的Skins,這在其他的網站工具上是欠缺的。

主站Geovisite.com(我不知道原設計是哪一國的高手,不過他有英文網站)
英文網站
這是需要註冊的網站,填入信箱,設定你的帳號密碼及blog相關資訊即可,按儲存之後,會出現6種語法,分別是GeoGlobe、GeoCounter、GeoMap,每種各有java動畫式圖案及單純的靜態圖片模式。

我把語法1到6的圖片先列出來
● GeoGlobe(寬度150px)


● GeoCounter(寬度150px)



● GeoMap(寬度300px)


看自己的需要再將語法掛上即可,如果想更改介面(相關的介面圖形可參考這頁),則按該圖形連結即可,輸入你的帳號密碼,選擇你要修改的是Globe、counter、maps哪一項,點進去之後,右手邊有個Color Configuration點選後會出現一個視窗,再設定你要的skin即可及相關的顏色文字設定,按下sumbit就會出現程式碼,再貼上你的blog。(有些中文會變亂碼)
詳細的設定,參考
Geovisite---Geo Tracking計數器+訪客分佈圖的統計工具(下)

後台也有相關的統計資料,選擇Statistics,可以看到前一天以前的統計資料,不過因為我剛裝,還沒有資料,等資料累積一陣子後,再來看看有沒什麼新鮮的玩意。

2007年10月15日 星期一

10.15部落格行動日---簡單過生活

既然在網誌上宣傳了這個活動,也要寫一篇與環保議題相關的文章,書寫出自己的環保經驗。

住在中部的小城鎮,鄉下人的環保概念本來就很薄弱,甚至有取自於大地,就回饋給大地的想法,只是常常回饋的是垃圾與污染,這對於帶給我們生機與萬物的大地真的是莫大的傷害,

其實在我的想法與實際作法就是「簡單過生活」,尤其年紀越來越長,越覺得很多東西是不必要也是不需要的,外表的華麗與內心的豐足並不能成比例,尤其看最近沸沸揚揚的週年慶,衣蝶百貨封館拍賣,一位媽媽說,我也不知道買了什麼,就花了二萬多元,值得嗎?花了精神體力去搶購,但是買回的卻不是自己想要的東西,我想這是很多人會做的事,我也曾經做過。

另外有朋友喜歡添購新的手機或是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,
<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>

出現的就是200*160的小框框,比較適合邊欄使用,如果想改大小就在紅色的地方改成你要的寬度或是高度即可。
2008.3.25更新
這段語法已經移除,所以失效了。

2007年10月9日 星期二

部落格行動日---Blog Action Day環保活動

英文官網 Blog Action Day
中文官網 部落格行動日

Bloggers Unite - Blog Action Day

blogger Buzz上發現這個活動蠻有意義的,參加的方式也很簡單,有三種,
◆ 選擇一個「環境」議題有關的主題,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

想插入背景音樂,怎麼做?
<embed src="音樂網址" width="230" height="60" autostart="0" loop="1" type="audio/x-ms-wma"></embed>
將這段語法放在文章中或是邊欄,在放的地方會出現播放音樂的小視窗。


width設定寬度,height設定高度,如果不想顯示可以設成0或是hidden=1,就會隱藏。
autostart=1,表示自動播放背景音樂,最好是設成0,讓閱讀者自己決定是否播放。
loop=1表示循環播放,loop=2表示播放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都可以,讓你的網站更完整也更專業。
其中©,可以用&#169;語法表示,通常我會顯示三部分, 
版權宣告 :Copyright 2007© 0與1謎詭世界 All Rights Reserve.
設計模板來源:Design by Blog and Web.
Blogger空間提供:Powered by Blogger
再利用超連結、顏色來突顯即可。

如何顯示特殊字元?
通常在文章中要加入程式碼,一些特殊字元在html通常會無法顯示,例如<>&等等,這時就要以另外的程式碼放在html裡面來代替原有的字元才能正常顯示,常見的有下列幾個。
< 以&lt; 替代 > 以&gt; 替代
& 以&amp; 替代
© 以&#169; 或是 &copy; 替代
® 以 &reg; 替代
空白 以&nbsp; 替代
如果想要更多有趣的特殊符號,可以參考下列網站
在 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站
http://www.yahoo.co.jp/

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站