2007年12月27日 星期四

Kwout 輕鬆擷取網站畫面

先前有介紹網站縮圖擷取的工具,最近又發現一個類似的工具,讓你可以擷取網站畫面的任何部分,非常方便的截圖工具,但不適合在網站縮圖用,因為他是等比例擷取。

官網:kwout
使用方式:在Demo輸入網址,按下kwout,會先出現一片黑色,下載網頁完成後會出現你所輸入網址的網頁,用滑鼠選取你要的部分(畫面右上方也可以輸入你要的畫面大小,最大600*600px),按下Cut Out,即可擷取畫面。
預設的擷取畫面,有框線、陰影,而且是圓角的,如果你想改變可以自己勾選你所需要的部分,或是加上背景顏色,更能配合你自己的網頁色彩,另外在自訂(Option)方面,可以選擇是否讓圖形指向截圖位置或允許他人使用此截圖,這些都可以自行設定,看你所需。
而Post部分,視你想將截圖運用到哪裡,點選網站的話,會產生程式碼讓你可以貼在網站,或是存到Flickr,或是發布到Tumblr微型部落格。

注意事項:
1、輸入網址時,最後一個字不要是∕,有時會抓不到,呈現一片黑的情況。
2、有時呈現一片黑,但實際上是有抓到網頁,對準大概位置再擷取即可,或是多試幾次。

2007年12月26日 星期三

70多種模板任你挑選---Blogcrowds


這個網站雖然沒有提供相當美的模板,但卻相當實用,很適合初學者用。

主站:Blogcrowds
模板:Templates(在Firefox下的瀏覽情形較好)

目前網路上提供blogger templates的資源越來越多,這個網站所提供的模板多達70多種,陸續還在增加中,雖然很多都是似曾相識的模板,但是因為他的排版是一頁就展示10個模板,相當的清楚好用,而且有很多blogger官方模板擴充為三欄式的,而且適合1024*768的模板比較多,是個不錯的blogger templates的資源網站。

使用方式:是以複製貼上程式碼的方式,非常的方便,如果不熟悉者,可參考Blogger 新手基本技巧問答(一)裡的「如何換新的模板template」一文。

缺點:有一些模板在Firefox的顯示較好,在IE下有一些小問題。


2007年12月19日 星期三

Blog and Web進階級模板介紹

主站:Blog and Web
模板所在分類:: Plantillas Blogger

重點:適合懂一些css語法者使用,因為作者有些預設的元素你可能會不需要或是不喜歡要刪除,另外有些部分連結需要自己修改。

最近在改版面時發現了這個網站,Blog and Web,提供了一些三欄式,且寬度適合1024*768解析度的螢幕,可以提供Blogger及Wordpress的版型使用,雖然他的標題及文章分類是英文,但是內文卻非英文,我也不懂是哪國的文字,我猜是義大利文,應該也是歐系的語言吧,在分類下面的這個Plantillas Blogger,提供了許多模板。

其實我還蠻喜歡簡潔功能性的模板,但是看到像FinalSense或是Notlar ve Notalar也是覺得好漂亮,可是其中大部分都是以800*600的螢幕大小去設計的,現在螢幕的解析度大都以1024為主,甚至更寬,總覺得空在兩旁的留白很浪費,除非網站訴求,是寫些溫馨的小品文,不像我這樣有時會長篇大論,放一堆圖片的網站,看到好東西卻不能用,殘念,誰來設計些漂亮有氣質的1024*768的模板吧。

有點離題了,回頭再說,這個網站所提供的模板,大部分日期都要設定為「日 月 年」的格式,所以上載完了,記得在後台,設定→格式→日期標題格式→19 十二月 2007。

他有用粗體標示的Descargar,這個就是模板下載的超連結,像下面這樣
* Blogger
Demo,展示
Descargar,模板下載
Download (English version),英文模板下載
Wordpress,請到原創作者網站下載
以下是我覺得還不錯的模板,有興趣的朋友可以上網站去挖寶,選擇適合你自己的網站風格的模板吧。

我只列出圖片及英文版的下載點,詳細的解說還是要上他的網站上去看。
三欄式Plantilla Blogy-O2


下載點
Plantilla Blogy-Styleicious


下載點
Plantilla Blogy-Mosaico


下載點
Plantilla Blogy-GossipCity


下載點
Plantilla Blogy-Simpress


下載點

2007年12月16日 星期日

聖誕節專用blog parts

一年一度的聖誕節即將來臨,雖然台灣聖誕節的氣氛沒有國外來的濃厚,但是比起行憲紀念日這麼嚴肅的假日,我還是喜歡送禮物溫馨有意義的歐美聖誕節,尤其這次去東京看了許多聖誕燈飾,更覺得這樣才有過節的歡樂氣氛嘛。

當然在部落格上也得掛上這應景的小東西,來倒數計時迎接聖誕佳節的來臨,找了一下,覺得有趣、漂亮的blog parts介紹給大家,所介紹的都是最簡單的不用註冊或是填網址,直接將語法放到網頁元素即可。

2007年11月6日 星期二

YourWebWidget---秀Flickr&Youtube小工具

最近發現有一個超簡單秀出Flickr相簿及youtube影片的工具--- YourWebWidget 。

官網:YourWebWidget

方法很簡單,只要輸入Flickr轉換後的帳號及youtube帳號,按下Create就會產生iframe的程式碼,再貼到你的部落格即可。

Fickr的帳號如何轉變呢?他也有提供轉換的工具,只要輸入你的Flickr帳號,按下Find即可出現類似 1*****23@N00 的帳號,發現如果是中文的帳號就無法轉換。

格式有以下三種,Small、Square、Banner寬度都是270px,高度則為117、175、270px,分別可以顯示1-3列的圖片或影片,視你的需要來選擇。

Rss工具,顯示最新文章或回應---FeedWind

FeedWind
可以顯示顯示最新文章或回應的工具是越來越多了,除了Google blogger自訂的資訊提供Google ReaderGrazr RssReview Poster,現在又有一個日文網站FeedWind提供這項服務,也是非常的簡單,也不用加入會員,就可以使用。

也是輸入你的RSS,然後設定相關資訊,再將程式碼,以網頁元素新增HTML/Java Script即可。



widget外觀設定


其他樣式


widget標題設定


文章標題設定


文章內容是否顯示


預覽及程式碼

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站


2007年9月28日 星期五

超豐富的設計社群網站--- deviantART

deviantART

這是目前我最喜歡的設計網站。

算是一個全世界最大的圖像設計的社群網站,根據wiki百科的介紹,

Blogger的最新回應可正常瀏覽了

終於,Blogger的最新回應正常了。

前一陣子Blogger的comments feed一直不正常,無法點選連結,最近兩天一試又正常了,其實我比較喜歡Blogger官方提供的Feed模式,顯示的速度快且不會有延遲顯現的情況產生,用外掛的雖然可以比較快顯示新文章的產生,而且樣式豐富並可顯示多篇最新文章或回應,但是上載速度並不會出現的比較快,甚至會拖慢到網頁的瀏覽,用久了之後就還是想回到最原始的設定,對我來說速度是比網頁的美觀重要,會拖慢速度的外掛,非必要,我測試過後通常都會拿下來。

上次有人問到,怎樣在張貼回應的時候,會像我的網頁一樣,另外出現一個對話框讓你填寫,而不是出現在原來的頁面上,順便把方法寫出來。

在後台的"設定"選項→意見,找到「在彈出式視窗中顯示意見? 」,點選"",然後按下儲存設定即可。

至於設定Rss最新文章及最新回應,
參考文章
RSS訂閱文章相關說明

亞洲設計家的圖像網站- startdrawing.org



startdrawing.org

2007年9月23日 星期日

免費圖庫Free Photo蒐集

介紹幾個自己常用的免費圖庫的網站。

Pictobrowser播放Flickr相簿

繼上次寫了在Blogger播放Flickr相簿幻燈片後,又發現一個播放Flickr相簿的工具了,以Flash的型態來播放相簿,比SlideFlickr還簡單,不用1分鐘就可以作出幻燈片式的相簿。

如何使用呢?只要連上Pictobrowser網站,找到相簿播放下方的”info”,按

下去再填入你的username,網站是這樣寫的,但我填入我的username(英文的,就是在網址上會出現的帳號)沒有效,而是填上我的暱稱,就是在Flick網站上顯示的名稱"綸太郎",

才會正確,然後會出現要你選擇要你要播放的相簿,是Sets、Tags或是Groups,


選擇後按右邊的隱藏的框框,會出現手的形狀,表示可以點選,點選後就會出先程式碼與相簿產生的網址,將程式碼貼到blog的文章裡即可,網址則可設定超連結,讓人觀看,看你要呈現的方式是什麼再自己設定,大小預設是500*580,但是有很大的缺點,無法自動播放,試過在語法裡加上autoplay等還是沒用,如果相片很多,這個工具就不適用了。

產生的幻燈片相簿,類似下方,不過我改過背景顏色

2007年9月20日 星期四

在Blogger播放Flickr相簿幻燈片

最近試著在blog放入相簿,找到了兩個相關網站試驗看看,一個是Slide,一個是SlideFlickr網站,兩個方式都很簡單,而且不用註冊,就可以自設背景、文字說明、大小、音樂等等,網路上有很多教學,可以參考。

兩個都試驗過,發現Slide的介面很多樣化,而且是中文的,不只支援Flickr也支援別家的圖像網站,但是速度非常慢,有時慢到覺得好像是掛了,而SlideFlickr雖然是英文,但是操作簡單,10秒內就能完成你的幻燈片相簿,非常容易入手,我個人是比較喜歡SlideFlickr,但是在放入程式碼在文章的後台中,會一直問我”即將離開這個網頁,是否立刻儲存?”的視窗訊息,雖然文章發佈是沒有問題,但是有些字會變成亂碼,而且會有小小聲的”切切切”的類似影片換場的聲音,讓人聽了很不舒服,所以兩個都不是很滿意。

其實我只是想單純的播放相片,並不想要有太複雜的功能或是介面,後來得知可以用iframe的方式來呈現Flickr幻燈片相簿,只要加上下面這段程式碼即可,試驗成功了,真的很easy,也很快速,也可加上其他的參數使用,真的很感謝作者的程式。
<iframe frameborder="0" width="500" height="500" scrolling="no" src="http://www.flickr.com/slideShow/index.gne?set_id=你的號碼"></iframe>

教學來源:路邊一棵榕樹下--在網誌中以slideshow方式展示Flickr相簿。

可以自設width、height,id則是你所set的相簿集的網址上的代號,填入即可。
譬如你的相簿集:http://www.flickr.com/photos/你的帳號/sets/你的號碼id/
所以不只可以放上自己的幻燈片,也可以放上別人的,但是要注意要有CC授權,並註明照片來源。

以下是展示的幻燈片樣子---東京夜景
來源Flickr:oisa先生的 Tokyo Night View作品,感謝他。

2007年9月15日 星期六

Blogger Play即時瀏覽各國blogger的圖片


剛剛看Blogger Buzz發現Google釋出了新功能Blogger Play,可以即時瀏覽各國blogger所傳文章內的圖片,原來這功能是兩年前Google就擁有的,當時是提供給內部工程師看的,從中發現許多有趣美麗的圖片,所以最近決定將它分享給部落客使用。


如何使用呢?只要進入Blogger Play網站,就會一直以幻燈片的方式撥放圖片,可以利用下方的拉桿調整速度(蝸牛是慢、跑步者是快),在右下角有Show info,可以顯示文章的作者的相關資料(view complate profile),或是閱讀圖片來源的文章(read more),可以發現另一個你不知道的世界。


因為即時上傳,所以如果發現有上傳不當的圖片,可以報告給Google網站,另外如果你不想要你的圖片出現在這網站上,可以在後台設定,找到
設定→基本→將你的blog新增到我們的清單中,選擇"否",按下儲存設定即可。

其他相關的說明,請參考 Blogger Play FAQ

關聯文章:
Blogger Play可放在blog上的小工具Gadget

2007年9月13日 星期四

如何宣傳你的網站---入口網站登錄

上次寫完如何宣傳你的網站-聯播篇,後來發現最重要的宣傳動作,是在各大入口網站登錄你的網址,讓你的網站資訊更容易被搜尋到,當然了作為一個小小的blogger是不可能花錢去作這個動作的,所以當然要自己親力親為了,目前有哪些入口網站可以登錄的呢?首先當然就是大家長Google了。


Google 登錄
在Google搜尋首頁下方有一個"Google完全手冊",點進去就有這項服務"登錄/移除您的網址",
將你的網址(請輸入包含 http:// 的完整網址),及網站名稱填入"意見"那欄即可,大概2-3天就會出現了。
如果要移除,可參見 "正在從 Google 的索引中移除我的內容"。


Yahoo 登錄(需會員資格)
登錄頁面
在首頁最下方,有一格是熱門分類,標題的右方就可以看到"網站推薦"這四個字,進入後點選"錄網站或網頁",記得登錄是需要有yahoo會員資格的,出現的速度比Google慢一些。


yam天空
目前是由Google搜尋引擎管理,所以沒有專門的登錄畫面。
(需填寫姓名、信箱)
在首頁最下方中間,有一格是搜尋目錄,標題的右方就可以看到"登錄"這兩個字,進入後點選"如果您想新增登錄資料,請至 登錄網站",這裡的登錄是需要填寫名字與信箱的,而且有一些相關規定,請看清楚再登錄,而且他有分門別類,讓你的網站在最適合的分類下出現。


Pchome
目前Pchome 登錄的服務2007.9.1已經取消,以Search2.0書籤共享的服務代替,所以要有pchome的帳號,不過這個服務不僅可以登錄自己的網站,也可以推薦你所喜歡的網站,更可把你收集的bookmark匯入網站上,與大家分享,算是比較個人的服務。

以上服務已取消,Pchome目前是和Google共用搜尋引擎。

MSN
在首頁上找不到可以登錄的地方,他是放在MSN LIVE的Live Search裡,如果想登錄,按下這個向 Live Search 登錄您的網站,輸入驗證碼及網址即可。
目前Msn已經將搜尋引擎定名為Bing,登錄方式請至Bing URL 登錄網頁或至Bing Webmaster Center登錄亦可。

其他如Hinet和新浪網Sina,好像沒有提供這樣的服務,因為Hinet的搜索引擎來自Google及Yahoo,而Sina則來自Google。

2008.5.8更新
另外最新的 Google Blogger Search---Google網誌搜尋有專門為Blogger登錄的服務,Google Blog Search Ping Service,也可以登錄,只是更新速度比較慢。

2007年9月12日 星期三

Charm Skins Templates功能性模板

主站:Charm Skins
模板:Blogger Themes(11個New Blogger Templates)

這是我目前改版所用的模板,這是txt文字檔的模板,只要複製貼上新的HTML語法即可,如果仍有疑問,請見「如何安裝請見Blogger 新手基本技巧問答(一)」一文。

Charm Skins(按下模板後,會出現一個廣告,只要按右上方的"Skip this ad",就可以看到模板了。)提供四個功能性的模板,適合放Google AdSense,而且寬度是980px,很適合現在大部分的瀏覽器解析度1024*768,因為以前很多三欄的設計還是以800*600為主,模板寬度都要自己再改過,有點麻煩,這個可以馬上套用,只要加掛上自己的Widget即可,相當的方便,而且試用過,在IE及FF的呈現上都沒有問題,雖然FF很多人用,但是IE的使用者還是佔大多數,不想自己改語法的可以試試看這裡的模板,目前是我最喜歡用的模板,也覺得最順手的,不會有邊欄跑來跑去的問題。

另外他的兩欄式模板,則是以800*600為主,如果覺得設計的不錯的人可以試試看。

裝好之後他有三個網頁元素是設計在模版裡的(如下圖),如果不要可以把下列這些元素先拿掉,再貼上你的HTML,有些名稱可能會不同,例如Site Feed和Subscribe是一樣的,自己找找看。

<h2>Subscribe</h2>
<p>
<a class="'feed-link'" href="http://www.blogger.com/" target="'_blank'" type="'application/atom+xml'"><img src="http://www.blogger.com/" /> RSS Feed (xml)</a>
</p>

<h2>Credits</h2>
<p>
<a title="'CharmSkins!'" href="http://www.blogger.com/"><img alt="'Free" src="http://www.blogger.com/" /></a>
</p>
<p id="'powered-by'"><a href="http://www.blogger.com/"><img alt="'Powered" src="http://www.blogger.com/" /></a></p>

如果有導覽列的模板(標題下方那排連結),他的設計不是用網頁元素的方式加上,而是直接設在模板裡,所以有點麻煩,要自己改,不過非常簡單,只要找到下列這一段,

<li><a href="/">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Another Link</a></li>
<li><a href="#">Another Link</a></li>即可。

把井字號#,改成你要添加的網址,把後面的英文類似"About Me",改成連結名稱即可,Home不用改,用"/"就會回到首頁,預設是四個連結,如果要增加就在下方加一行一樣的敘述<li><a href="網址">網站名稱</a></li>
缺點:
● 預設的顏色及字型很少,作者都是直接在模版裡敘述,所以有時改了字型與顏色,會看不出變化,因為作者沒有使用變數,例如$bgcolor,而是直接設定顏色碼,例如:color: #CCC來寫。
● 很多設計都是直接設計在模版HTML,而非是用Widget的方式加入,對不熟悉語法的人,增加修改的困難度。

其實這個模板的語法算是很簡潔,整體來說沒有什麼大問題。

P.S. 唉!9.7又換新的模板,因為不知改到哪裡,都無法正常的空行,所以只好又換了,奇怪是使用這個模版的另一個blog卻沒有問題,不然我還滿喜歡這個模版的。

2007年9月7日 星期五

Google AdSense Video出現中文影音廣告


昨天在我的另一個網站,東京封印,Google AdSense出現了Video廣告,雖然不是第一次看到Video Ads,但卻是第一次看到中文的,而且配合鬼月,來個日本懸疑驚悚電影的廣告,片名為「惡夢探偵」,雖然很想點進去看看,但那是犯規的(後來查詢過並不會,看下文),只好上網查查一下這部影片的相關資料,原來是即將於9月14日在台灣放映的影片,但是在日本都已經發行DVD了,台灣真是慢動作,主演者是松田龍平、hitomi及安藤政信,有興趣的可以上官網去看看。