2008年12月27日 星期六
新手加入Google AdSense的叮嚀與收入分析
最近回頭來看自己的文章,Google Adsense的熱潮對我而言,是2007年6月寫的,曾經令我羨慕的Google支票,也真實的出現在我的生活裡,雖然只有薄薄的一張,而且是唯一的一張(因為後來改西聯了),但其實真正收到時,並沒有特別喜悅,只是覺得辛苦。
2008年12月26日 星期五
2008年12月22日 星期一
超簡單‧在部落格播放MP3音樂
再幾天就是聖誕節了,最近有網友問到在部落格放上MP3音樂的方法,所以又重新修正了語法,請見Blogger 新手基本技巧問答(四)一文,有時音樂也是增添部落格個人色彩的一種方式,但是要選得好聽不刺耳,而且要網友按下才播放的方式較好,音樂自動播放我想很多朋友是不喜歡的。
以語法來說,最簡單的就是貼上MP3程式碼,就是下面這串語法,
<embed src="http://音樂網址" width="230" height="60" autostart="0" loop="1" type="video/x-ms-asf"></embed>
另外要介紹的就是Blogcastone這個網站,使用非常簡單,也不用裝什麼檔案或是外掛,只要輸入你的MP3網址,選擇面板Theme,按下Generate,就可以產生程式碼再貼到部落格上面即可,
而語法最後面有個height="40" width="290",如果你的邊欄比較窄,可以更改width的寬度。
至於MP3的資源就自己尋找,因為有涉及到版權問題,大家在部落格上播放歌曲,還是謹慎些,如果你是使用自己的網路空間來放mp3,記得網路空間要有支援外連才可以,目前國內支援的有 ,
◎ 樂多部落格
使用限制:需註冊會員
支援格式:聽說是沒有限制
檔案大小:10MB
◎ Hinet My Web我的網頁服務
使用限制:需為Hinet客戶
使用方法:需用FTP傳輸
支援格式:jpg、gif、bmp、png、swf、mp3、wav、wma、avi、mpg、mov、wmv、doc、ppt、xls、pdf。
檔案大小:撥接客戶20MB,寬頻客戶及無線上網客戶60MB,數量限制1500個。
◎ PoVA影音貼空間---Gigigaga,
使用限制:不用註冊
支援格式:avi, mpg, wmv, asf, mov, rm, swf, mp3, wav, mid。
檔案大小:50MB
與大家分享這首法國的聖誕歌曲,由法國的歌手Jordy所演唱,當時他才5歲,活潑又可愛的童音,首支單曲dur dur d'etre bebe,應該很多人有印象,現在已經是20歲的大人了,重溫一下他的聖誕快樂歌。
MP3播放
‧一般語法
‧Blogcastone展示,按下三角按鈕就可播放
Youtube影片欣賞
8款iPhone華麗炫目的圖示
iPhone最近在台灣熱賣,開箱文也一篇一篇的引起熱烈討論或推文,雖然我沒有iPhone但是我對iPhone的圖示卻很有興趣,小小的方塊,形成華麗又炫目的導覽介面,雖然我不能擁有它,但卻可以學著欣賞他,利用這些圖案,幫自己的網站或是設計做些變化。
2008年12月19日 星期五
Google 關於blogger各項服務的網誌
在Google的Blogger上寫網誌,連帶的就會使用Google的各種服務,雖然很多朋友的瀏覽器首頁都被Yahoo所佔據,但是每次遇到這些人就會向他們推薦Google的服務,因為真的有些朋友,連Google是什麼都不知道。
2008年12月15日 星期一
2008年12月8日 星期一
電腦無法開機,螢幕無顯示,風扇轉兩下就停了
前一陣子旅遊回來,一個禮拜沒有開機,電腦操作了一兩天後就覺得電腦怪怪的,開機時會發生一直重新自動開機的狀況,到後來開機變成斷斷續續,最後變成無法開機成功。
情況是電源(Power)按下,主機板的電源燈有亮,系統有啟動,螢幕沒有顯示,但風扇轉了兩下,一下子就自動關閉、一下子又啟動,最後歸於一片平靜,只剩下主機板電源燈亮著,沒法正常開機,就好像電力不足的樣子,我自己判斷應該是電源無法過電或是POWER壞了。
情況是電源(Power)按下,主機板的電源燈有亮,系統有啟動,螢幕沒有顯示,但風扇轉了兩下,一下子就自動關閉、一下子又啟動,最後歸於一片平靜,只剩下主機板電源燈亮著,沒法正常開機,就好像電力不足的樣子,我自己判斷應該是電源無法過電或是POWER壞了。
2008年12月7日 星期日
2008年11月29日 星期六
應景的聖誕小玩意讓您有溫馨過節的氣氛
聖誕節又快到了,一直很喜歡這樣的節日,溫暖又聖潔的日子,也想幫自己的部落格添些柔性的色彩,希望大家都有個浪漫又快樂的冬日節,當然部落格也不能讓他孤孤單單,也來個舉辦個聖誕嘉年華,提供一些網路資源,讓大家裝扮裝扮。
2008年11月24日 星期一
Blogger內建圖片語法改變
今天在寫文章時發現到圖片用1600全圖展開時,並不能發揮作用,依舊保持在400px大小,其實上一篇就有注意到,但是當時忙著出國事宜,沒空去了解發生了什麼事,今天看了一下原始碼,才發現Google改變了原來的語法,多了一個width及height,寬度和高度的設定,固定你圖片顯示的大小,所以將s400改成s1600也沒有用,他出現的圖片還是維持400px的大小,新的語法如下,
原始的語法,如下
如何解決呢?
第一、將width: 400px; height: 281px; 這段敘述去除,依舊將s400改成s1600即可。
第二、將width及height設成實際圖片的大小px,s400可以不用動,也要將s400改成s1600,相片才不會失真,如果沒改它會用擴大的方式呈現相片,會讓相片模糊,超過1600px也能展示,不過圖放那麼大,瀏覽也不容易吧。
這次的修正幸好沒有更動到先前的圖片,只是以後上載的圖片會有這種情形,不過感覺Picasa修正的情形好像越來越多,大家可以留意一下。
如果不了解上述綸太郎在說些什麼,可以參考以下兩篇:
啟用Picasa網路相簿服務
Blogger圖片大小的控制
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQyrxKPIJfGZMxJNtxSbw1ghfxqss3UkXaYR5bT1EdDSHwydXubkEmRhmQWj8pn4kAJoGOvtmKYVS4Q7R-J9OUKE_bDTnRuhtpn2kQ-EZiw4UJWxDQ3r9EOCPgNkJAiF23Mgh5nwN9RRY/s1600-h/xxx.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 281px; " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQyrxKPIJfGZMxJNtxSbw1ghfxqss3UkXaYR5bT1EdDSHwydXubkEmRhmQWj8pn4kAJoGOvtmKYVS4Q7R-J9OUKE_bDTnRuhtpn2kQ-EZiw4UJWxDQ3r9EOCPgNkJAiF23Mgh5nwN9RRY/s400/xxx.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5272123377107000914" /></a>
原始的語法,如下
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZt6yoHQLJtzFeizAjkQdegHHdVAvy1PRx1qWGB8wm4Y7wEPmAsZWMVuUfcw2ZXHbMRFB2ylCyGpKrF6LF-8ZA4dtxse-56iv8EKqlYbgwm9FwxvlTC0EDIrN-eiw7IrebeahQB6YBGeQ/s1600-h/045.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZt6yoHQLJtzFeizAjkQdegHHdVAvy1PRx1qWGB8wm4Y7wEPmAsZWMVuUfcw2ZXHbMRFB2ylCyGpKrF6LF-8ZA4dtxse-56iv8EKqlYbgwm9FwxvlTC0EDIrN-eiw7IrebeahQB6YBGeQ/s400/045.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5223518654501334610" /></a>
如何解決呢?
第一、將width: 400px; height: 281px; 這段敘述去除,依舊將s400改成s1600即可。
第二、將width及height設成實際圖片的大小px,
這次的修正幸好沒有更動到先前的圖片,只是以後上載的圖片會有這種情形,不過感覺Picasa修正的情形好像越來越多,大家可以留意一下。
如果不了解上述綸太郎在說些什麼,可以參考以下兩篇:
啟用Picasa網路相簿服務
Blogger圖片大小的控制
2008年11月16日 星期日
【感謝】華文部落格人氣獎--投票給東京封印的朋友
全球華文部落格最佳人氣獎,今天是最後一天的投票日,我想很多是從0與1謎詭世界這個部落格看到投票訊息的,感謝這一段期間大家對東京封印的愛護,把您的票投給我,最後階段的投票是從10月15日晚上開始到今天,歷經了一個月的時間,或許我的部落格不是最好,但是我是用心在寫,在分享自己的旅遊經驗與電腦方面的知識,也認識許多來自四面八方的部落格網友,綸太郎由衷的感謝大家的訂閱與投票支持,不管有沒有獲得名次,我想這次參加比賽的經驗,對我而言都是美好的,真的感恩這一切。
我想網友的支持就像照片裡的萬點燈泡,一閃一閃的照亮了我的部落格,這是去年在東京汐留所拍攝的聖誕燈展,聖誕節即將來臨,也是感恩與回饋的季節,天氣雖冷但是網友們的溫暖支持,我想是我繼續創作的動力。
同步發表於東京封印部落格
2008年11月10日 星期一
當Feedburner變成你的文章網址時
最近使用了追蹤網誌功能,發現好幾個部落格的文章網址,都是feedburner的網址,類似以下
http://feeds.feedburner.com/~r/lun01/~3/123456789/abc.html,(看狀態列出現的網址)
而非文章真正的網址,我不知道該格主是因為要使用Feedburner來追蹤統計,或是跟我剛開始使用Feedburner一樣,因為全部都是英文,功能又繁複,有些要勾選有些不要,使用上有點棘手,沒有注意才會這樣。
其實我很討厭網址裡有一些奇奇怪怪的符號,例如~或是WordPress常出現的?及#,我個人喜歡網址上也可以猜出這篇文章大概在寫些什麼,這在如何控制文章網址的產生,另外針對WordPress我也有寫相關的文章,刪除繼續閱讀網址裡的#more字樣,或許我自己比較龜毛,當初燒Feedburner的時候,就有出現這個問題,後來是參考阿維雜記本裡取消FeedBurner的Click Tracking功能的文章,才把這個看不順眼的功能取消。
如果你是使用Feedburner的朋友,進入後台,在Analyze的頁面最下方有個Feedburner Stats PRO,
應該你有啟用這個Pro的功能才會造成的,按下後把item link clicks前方的勾選取消,再按下"Save",就可以回復正常的狀態了。
另外如果你已經將Feed燒成Google提供的feedburner,這裡沒有Pro功能,直接就點選Analyze的頁面最下方Configure Stats,
一樣將Item link clicks ,這項功能的前面的勾選取消即可,再按下"Save",就行了。
當然如果還是要透過Feedburner的網址連結來統計訂閱的相關數字的話,這項功能還是有存在的必要,只是有些人是透過訂閱來看文章,或是利用聯播來連結你的網站,給予一個正確真實的網址,我覺得Item link clicks這個功能似乎就是多餘的,另外我不知道對於使用Google所提供的AdSense for Feeds是否有影響,不過目前為止廣告展示次數也是正常的。
http://feeds.feedburner.com/~r/lun01/~3/123456789/abc.html,(看狀態列出現的網址)
而非文章真正的網址,我不知道該格主是因為要使用Feedburner來追蹤統計,或是跟我剛開始使用Feedburner一樣,因為全部都是英文,功能又繁複,有些要勾選有些不要,使用上有點棘手,沒有注意才會這樣。
其實我很討厭網址裡有一些奇奇怪怪的符號,例如~或是WordPress常出現的?及#,我個人喜歡網址上也可以猜出這篇文章大概在寫些什麼,這在如何控制文章網址的產生,另外針對WordPress我也有寫相關的文章,刪除繼續閱讀網址裡的#more字樣,或許我自己比較龜毛,當初燒Feedburner的時候,就有出現這個問題,後來是參考阿維雜記本裡取消FeedBurner的Click Tracking功能的文章,才把這個看不順眼的功能取消。
如果你是使用Feedburner的朋友,進入後台,在Analyze的頁面最下方有個Feedburner Stats PRO,
應該你有啟用這個Pro的功能才會造成的,按下後把item link clicks前方的勾選取消,再按下"Save",就可以回復正常的狀態了。
另外如果你已經將Feed燒成Google提供的feedburner,這裡沒有Pro功能,直接就點選Analyze的頁面最下方Configure Stats,
一樣將Item link clicks ,這項功能的前面的勾選取消即可,再按下"Save",就行了。
當然如果還是要透過Feedburner的網址連結來統計訂閱的相關數字的話,這項功能還是有存在的必要,只是有些人是透過訂閱來看文章,或是利用聯播來連結你的網站,給予一個正確真實的網址,我覺得Item link clicks這個功能似乎就是多餘的,另外我不知道對於使用Google所提供的AdSense for Feeds是否有影響,不過目前為止廣告展示次數也是正常的。
2008年11月6日 星期四
2008年10月29日 星期三
利用Gmail的表情符號寫文章,增添文章的活潑性
一向寫信都是利用Outlook Express,今天發現Gmail多了表情符號(emoticons)這玩意,覺得很新鮮,Google搜尋了一下,發現這是上禮拜開放的功能,想說可不可以放到部落格上來用,就做了個測試,把在Gmail 寫作的文章,原封不動的複製貼上到部落格的撰寫模式,發現是可以這樣做的,(在IE6無效,只能在Firefox複製貼上)這篇文章就是以Gmail寫作後再複製到Blogger後台的,其他如果要加上教學圖片的再另外上載,來完成你的文章,或許你會問這樣做有意義嗎?也不過多了些花花草草,但我想表情符號對一些喜歡裝飾部落格的朋友們,這個工具真的是很不錯的。
如何用呢?
這是針對擁有Gmail的朋友來說明,沒有的話可以申請一個,
進入撰寫郵件,然後點選工作列上黃色的表情符號圖,就會出現表情符號工作區,目前有圓臉及方臉系列,目前的表情符號共有150個。
圓臉系列
方臉系列
而全部的表情圖案都是儲存在
http://mail.google.com/mail/e 的網址下,譬如
的網址是, http://mail.google.com/mail/e/03D
以最後圖片編碼-03D不同,表情符號就不同,如果想要更多圖樣可以參考,
GMail 表情符號之不能說的秘密---馬克斯 :: 夢遊仙境
作者已經整理好全部的圖樣,如果想使用他的表情符號,就按圖案上的右鍵,找出圖片編碼,然後貼上語法
如果你沒有特定的寫作工具,可以利用Gmail來寫作,配合表情符號也能讓你的文章增添些花樣與樂趣的,雖然在Google Blogger的功能陽春但是總有許多可以搭配的工具,讓你發揮利用,就看你自己的需要,記得上次寫過試玩日系FC2 BLOG部落格,也是可以加入表情符號的,但是相關文章刪除後,連帶的圖示也不見了,而Google Gmail的圖示則是有固定的網址,存在Gmail系統內部,任何知道網址的人都可利用,不會因為文章刪除,或是部落格刪除,圖片就不見,所以如果想利用表情符號來寫作的朋友,應該不限於Google的Blogger,其他有申請Gmail的朋友都可以利用這個方法來寫作的。
如何用呢?
這是針對擁有Gmail的朋友來說明,沒有的話可以申請一個,
進入撰寫郵件,然後點選工作列上黃色的表情符號圖,就會出現表情符號工作區,目前有圓臉及方臉系列,目前的表情符號共有150個。
圓臉系列
方臉系列
而全部的表情圖案都是儲存在
http://mail.google.com/mail/e 的網址下,譬如
的網址是, http://mail.google.com/mail/e/03D
以最後圖片編碼-03D不同,表情符號就不同,如果想要更多圖樣可以參考,
GMail 表情符號之不能說的秘密---馬克斯 :: 夢遊仙境
作者已經整理好全部的圖樣,如果想使用他的表情符號,就按圖案上的右鍵,找出圖片編碼,然後貼上語法
<img goomoji="圖片編碼" style="margin: 0pt 0.2ex; vertical-align: middle;" src="http://mail.google.com/mail/e/圖片編碼" />
如果你沒有特定的寫作工具,可以利用Gmail來寫作,配合表情符號也能讓你的文章增添些花樣與樂趣的,雖然在Google Blogger的功能陽春但是總有許多可以搭配的工具,讓你發揮利用,就看你自己的需要,記得上次寫過試玩日系FC2 BLOG部落格,也是可以加入表情符號的,但是相關文章刪除後,連帶的圖示也不見了,而Google Gmail的圖示則是有固定的網址,存在Gmail系統內部,任何知道網址的人都可利用,不會因為文章刪除,或是部落格刪除,圖片就不見,所以如果想利用表情符號來寫作的朋友,應該不限於Google的Blogger,其他有申請Gmail的朋友都可以利用這個方法來寫作的。
延伸閱讀:
馬克斯 :: 夢遊仙境: GMail 表情符號之不能說的秘密
如何在Gmail中使用「表情符號」圖示?(超級完整版)
2008年10月26日 星期日
修正Favicon圖示消失的錯誤
其實這幾天發現自己的另一個網站---東京封印網址上的favicon消失了,取代的是Blogger內定的橘色圖示,但0與1這個部落格的favicons依然正常顯示,我想是Blogger後台又做了某些更動,導致這樣的結果。
如何修正呢?
找到你的favicon的程式碼區,並將他剪下貼到 </head> 的上方即可,非常的簡單,然後我的網址圖示又出現了。
原始程式碼所在區域,通常我會放在最上方,和meta在一起
後來改放到 </head> 的上方即可
就恢復成原來正常的樣子了。
如何修正呢?
找到你的favicon的程式碼區,並將他剪下貼到 </head> 的上方即可,非常的簡單,然後我的網址圖示又出現了。
原始程式碼所在區域,通常我會放在最上方,和meta在一起
後來改放到 </head> 的上方即可
就恢復成原來正常的樣子了。
參考來源:
BlogU--Fix for Broken Favicons
延伸閱讀:
為你的網站加個小圖示---Favicon
2008年10月22日 星期三
2008年10月19日 星期日
2008年10月15日 星期三
【串連】2008年的部落格行動日-Blog Aciton Day
又到了一年一度Blog Action Day,繼去年的主題為「環保」,今年仍然延續全球人類一直關心的議題,就是「Poverty」,貧窮這個主題,希望透過部落格的串連活動,透過部落客們的關心與討論,來省思關於這個主題你能夠為它做些什麼,或是經由這個主題你可以改變什麼。
經過最近的金融風暴,我想大部分人的資產都縮水了,或許身處在台灣的我們,比較不能體會真正的貧窮所帶來的折磨與苦難,每次看到衣索比亞的相關影片,或是飢餓30、世界展望會所拍攝的第三國家或是落後國家的生活狀況,就覺得鼻頭酸酸的,慶幸自己生活在富足的寶島,能夠接受教育及文明的洗禮,能吃得飽穿得暖,這是我要感恩的,而這個活動的主題是「Poverty」,就是讓我們省思我可以做些什麼,對他們,其實我能作到的就只有奉獻自己的金錢,捐助給相關的慈善機關或是NPO組織,或是做義工,利用團體的力量將自己的愛心傳達出去。
其實除了金錢上的貧窮是全世界人類所不願意的,心靈上的貧窮更不能輕忽,何謂心靈上的貧窮,就是你的心裡沒有他人,唯我獨尊,這是個群體的社會,唯有互相關懷、互相幫助,人類社會才能永續存在,常看大家寫為什麼要寫部落格,很多人就是抱著一種態度-分享,因為分享得到快樂與滿足,這就是擁有了富足的心,而珍惜自己所擁有的,不浪費、不慳吝,惜福惜緣,隨喜人生。
就像我去年文章裡提到的,或許我們不能改變這世界,但我們的心可以改變,當你關注一件事並持續的做下去,就算看不到即時的成果,但潛移默化中還是有些東西會改變,這是我一直相信的事。
最後以星雲大師所寫的佛光菜根譚與大家共享,
一味接受的人生是貧窮的因果,
經常喜捨的人生是富貴的因果。
官網:部落格行動日
Blog Action Day 08 相關影片
延伸閱讀:
10.15部落格行動日---簡單過生活
部落格行動日---Blog Action Day環保活動
2008年10月12日 星期日
Google AJAX API小工具---利用RSS│關鍵字顯示多個部落格最新文章
想要輪播其他部落格的文章嗎?利用這個以關鍵字(Keyword)為主的Feed抓取工具輕鬆幫你完成。
綸太郎很少使用AJAX工具,雖然以Flash顯示的效果很炫也很漂亮,但是顯示元件的速度並不快,所以很少利用這類的工具,最近發現一個類似Blogger後台新增小工具的「新聞影片」的功能,有使用過的人應該知道,這個元件顯示速度並不快,是以抓取關鍵字的方法來顯示相關的新聞,而一般而言Google AJAX API是要申請的,不過我目前使用的這個是可以不用申請,直接用網站上所提供的工具即可,雖然功能有限,但覺得還不錯用,跟大家介紹。
Dynamic Feed Control Wizard - Put feeds on Your Web Page,
先說明這個元件功能何在?
最主要是可以顯示部落格的最新文章或是關鍵字的相關文章,他是以關鍵字為抓取對象,而不是Rss Feed的網址為主,所以是以輸入關鍵字為主,譬如我的部落格是”東京封印”,輸入後他就會主動抓到這個部落格的feed,然後顯示相關的文章,也可以同時輸入多個部落格名稱,記得加個逗號『,』,關鍵字前面並空一格,按下Preview,就會顯示元件,來做個聯播,不過如果你的部落格與他人同名,有可能會抓到別人的資料,或是抓取不到正確的資料,選擇你要的格式後,下面有個Generate Code,按下按鈕後就會出現程式碼,再將程式碼以新增小工具(Html/Java Script)的方式,放在你想呈現的地方即可。
由於綸太郎同時擁有兩個以上部落格,我想顯示其他部落格的最新文章,雖然有多種方式,例如利用Newsgator或是Google Reader等,但這兩種工具是要註冊的,我覺得這個類似頭條新聞的工具的顯示效果我還蠻喜歡,一次可以輪流顯示部落格最新的4篇文章,雖然Ajax元件出現的速度較慢,但是我想網友到我的網站瀏覽的時間約1〜2分鐘,這時間就足夠讓這個元件輪播了,所以目前試用當中。
他有三種顯示方法,
● Vertical,一次顯示一個關鍵字部落格的資訊,會顯示文章片段,四篇跑完會再跑下一個部落格的資料。
● Vertical Stacked,顯示多個部落格的最新4篇文章,這裡可以自訂抬頭(Hollywood News,這是原來的標題,我沒有修改)
● Horizontal,以水平單行顯示文章標題,會輪播,類似頭條新聞的方式,這是我目前採用的方式。
如果想申請AJAX API,請至這個頁面,Sign up for the Google AJAX Feed API,由於我並沒有申請過這類工具,所以相關的規則我也不清楚,只是利用現成的工具幫自己的部落格做個聯播,多了這個元件也是讓自己的文章多曝光的機會,目前覺得這個API工具還蠻好用的,不過不能自訂幾篇文章就是了,有興趣的人可以玩看看。
其他Bsp的部落格應該也可以用,只要你的部落格有支援java script語言,新增一個自訂欄位放程式碼即可,也可以輪播自己的最新文章,雖然只有四篇,但是會出現部份內文,對於大部分網友停留部落格約1-3分鐘的時間就已經足夠了,也是另一種曝光的方式,這是我自己的想法。
綸太郎很少使用AJAX工具,雖然以Flash顯示的效果很炫也很漂亮,但是顯示元件的速度並不快,所以很少利用這類的工具,最近發現一個類似Blogger後台新增小工具的「新聞影片」的功能,有使用過的人應該知道,這個元件顯示速度並不快,是以抓取關鍵字的方法來顯示相關的新聞,而一般而言Google AJAX API是要申請的,不過我目前使用的這個是可以不用申請,直接用網站上所提供的工具即可,雖然功能有限,但覺得還不錯用,跟大家介紹。
Dynamic Feed Control Wizard - Put feeds on Your Web Page,
先說明這個元件功能何在?
最主要是可以顯示部落格的最新文章或是關鍵字的相關文章,他是以關鍵字為抓取對象,而不是Rss Feed的網址為主,所以是以輸入關鍵字為主,譬如我的部落格是”東京封印”,輸入後他就會主動抓到這個部落格的feed,然後顯示相關的文章,也可以同時輸入多個部落格名稱,記得加個逗號『,』,關鍵字前面並空一格,按下Preview,就會顯示元件,來做個聯播,不過如果你的部落格與他人同名,有可能會抓到別人的資料,或是抓取不到正確的資料,選擇你要的格式後,下面有個Generate Code,按下按鈕後就會出現程式碼,再將程式碼以新增小工具(Html/Java Script)的方式,放在你想呈現的地方即可。
由於綸太郎同時擁有兩個以上部落格,我想顯示其他部落格的最新文章,雖然有多種方式,例如利用Newsgator或是Google Reader等,但這兩種工具是要註冊的,我覺得這個類似頭條新聞的工具的顯示效果我還蠻喜歡,一次可以輪流顯示部落格最新的4篇文章,雖然Ajax元件出現的速度較慢,但是我想網友到我的網站瀏覽的時間約1〜2分鐘,這時間就足夠讓這個元件輪播了,所以目前試用當中。
他有三種顯示方法,
● Vertical,一次顯示一個關鍵字部落格的資訊,會顯示文章片段,四篇跑完會再跑下一個部落格的資料。
● Vertical Stacked,顯示多個部落格的最新4篇文章,這裡可以自訂抬頭(Hollywood News,這是原來的標題,我沒有修改)
● Horizontal,以水平單行顯示文章標題,會輪播,類似頭條新聞的方式,這是我目前採用的方式。
如果想申請AJAX API,請至這個頁面,Sign up for the Google AJAX Feed API,由於我並沒有申請過這類工具,所以相關的規則我也不清楚,只是利用現成的工具幫自己的部落格做個聯播,多了這個元件也是讓自己的文章多曝光的機會,目前覺得這個API工具還蠻好用的,不過不能自訂幾篇文章就是了,有興趣的人可以玩看看。
其他Bsp的部落格應該也可以用,只要你的部落格有支援java script語言,新增一個自訂欄位放程式碼即可,也可以輪播自己的最新文章,雖然只有四篇,但是會出現部份內文,對於大部分網友停留部落格約1-3分鐘的時間就已經足夠了,也是另一種曝光的方式,這是我自己的想法。
2008年10月6日 星期一
Wowzio漂亮且多功能的RSS小工具Widget
目前這個工具需申請邀請信,才能使用。
Wowzio這是一款專為Rss輸出設計的Widget小工具,網路上這類小工具已經非常多,但是這款不同於其他Rss輸出工具,是在於他有搭配文章裡相關的照片做輸出,所以如果你是寫遊記或是美食型、攝影的部落格,這款工具對你的部落格很有加分的效果,圖像式的輪播工具非常的搶眼,如果是一般型的部落格,我個人建議使用Tag Cloud Widget。
官網:Wowzio - Engaging and Beautiful Blog Widgets
有六種輸出模式(我以東京封印部落格來做展示),分別為
Panoramic SlideShow Widget
(實際圖片大小的幻燈片,除非你將Widget設很大,否則這個Widget不實用,只能顯示出部分圖)Live Activity Widget
(會顯示即時線上拜訪文章來源處及相關文章的縮圖)Gallery Widget
(部落格文章裡的圖片,每頁擷取6張圖片展示,可以按左右鍵觀看)Feed Content Widget
(顯示最新文章的內容,有文章標題及一小段內容及縮圖)SlideShow
(會將照片縮放適當比例,以幻燈片播放)Tag Cloud Widget--推薦使用
(顯示部落格的標籤雲Tag,點選該標籤後會列出該標籤的文章列表及縮圖,如下下圖)
Tag Cloud功能,這個我覺得很實用,可以替代標籤雲的效果。
2008.10.9更新
Tag Cloud抓取標籤tag的功能好像有些問題,有些tag沒法抓到,或是抓到錯誤的,我想因為這個是beta版本,若網友有覺得不足的地方,可以到官網的Feedback反應你的意見,我想設計者應該很歡迎的,目前的設計應該就是像現在顯示的樣子,期待他更適合正體中文的使用。
如何使用呢?
可以按功能列的 Build Widgets 或是每個widget下方的紅色按鈕鍵 Create my widgets now!,輸入你的網址或是Rss就可以列出你的最新文章,再按下紅色按鍵
Looks great,create my widgets!,就會出現六種Rss效果的Widget,每種都可以再自訂外觀(Customize This),按下按鈕後會請您輸入你的名稱及Email來宣稱這個網站是你的,
也可以跳過這個步驟(Skip this step),也是可以更改Widget外觀的。
選擇你要的格式大小(大中小,或是自訂高與寬)、標題、各種顏色等等,再將Install Code的程式碼貼到你的部落格上去即可。
目前這款Widget還是Beta版本,常常會更新,研發出更適合部落客的應用,有興趣的朋友可以試試看,也設有一鍵安裝,適用於Google Blogger、TypePad、iGoogle系統。
訂閱:
文章 (Atom)