2008年4月28日 星期一

如何產生隨機文章---B Stir



最近發現在0與1謎詭世界的朋友,對「隨機文章」查詢的筆數佔居第一位,表示很多人很想裝上這工具,於是我又研究了以前的文章,再把這個小工具和朋友們說明一下。
(P.S如何知道網友在我的網站搜尋什麼呢?請參考Google AdSense後台的熱門搜尋分析報告一文。)

先前綸太郎在「隨機文章產生器---Blog Stir」有提到這個外掛工具的使用方式,其實這個工具是出自於Stuff a Blog這個網站,裡面有一項工具「B Stir」就是他的本尊,其實應該很多人已經介紹過了,但我想還是把他寫出來,提供大家參考。

如何使用呢?

進入B Stir網頁,輸入你的網址,及關鍵字(建議不用,這樣目標範圍會較大),
Sinppest:是否截取一小段本文內容。
Border:是否產生邊框
Results:產生幾則隨機文章,試你的網頁配置決定。
Background:背景顏色,只有紅、黃、藍三種。
最旁邊有一項是「Advanced」,文章編碼,只有UTF-8及ISO-8859-1(也不知道是什麼鼕鼕???)

最後就是最重要的要如何顯示?

第一種,Dynamic Widget,只顯示一則隨機文章。
第二種,Static Widget,顯示所有的隨機文章,如果你選擇Results為3,就一次顯示3篇文章。

顯示的樣子,我設5篇。

按下後,會產生程式碼,可以選擇最下方的others,再將程式碼放上你的網頁元素即可,或是選擇上方的「Add to Blogger」,不過這要登入你的blogger後台,要輸入帳號和密碼了。

這樣便大功告成,讓你塵封已久的舊文章,也能仰望青天,喊一聲,「我出運嗯!」

2008.05.08更新
網友Candice提到,很多網友無法產生隨機文章,我測試了一下,發現應該是BStir抓資料的資料庫來源所導致,因為官網也沒有Q&A,所以如果有誤,再請知道的朋友,指點一二:

因為BStir工具是為blog設計的,我想BStir的搜尋基礎是以"Google 網誌搜尋"為資料庫,如果你的網站在Google Blog Search沒有資料的話,可能就會抓不到,有可能是先前有關閉rss,或是先前沒有登錄你的網站在各大搜尋網站,所以真的想利用的朋友,建議先登錄,讓你部落格能在Google Blogger Search被找到,再來使用這工具。

如何登錄呢?
目前中文的blogger search並無登錄的地方,要從英文網站上去登錄,
請至Google Blog Search Ping Service網頁登錄(Ping)你的網址,但之前綸太郎有試過,更新速度並不快,現在不知是否有改進,但我建議還是在各大網站作登錄,才是比較實際的做法,當你的網頁資料被收錄多了,blogger search自然就會出現你的網站了。

可參考
如何宣傳你的網站---入口網站登錄一文。

私人建議因為發現這個元件常會卡住,所以我想盡量放在網頁元素最後面再出現,比較不會影響網頁的開啟速度。

2008年4月26日 星期六

Blogger留言系統的外掛---DISQUS

此篇文章請小心服用。

最近到處閒晃時,在個人新聞台 -- いらっしゃいませ...的部落格發現一個讓綸太郎眼睛一亮的功能,黑社會負責任推薦 -- Blogger+Disqus,是一個針對網友回應而製作的一個網站,可以讓你有一個介面來管理留言的工具網站,而且可喜的是,他有針對Blogger設計一套,可以直接展示在本文後端的留言區塊,我想這是很多Blogger的使用者很想要的一套外掛工具。

顯示的樣子大概像下面這樣,
先說裝完的心得,大家再考慮要不要裝,但是這是我自己實驗的結論,或許網友有另外的看法,大家再來意見交流:

缺點:
1、適用新成立的部落格,因為過去的留言,在裝了之後,並不能和新留言合併,所以最新回應會有兩種系統,一個是新的,一個是舊的,所以不適合成立已經很久的部落格,除非你捨棄舊有的留言,全都使用新的系統。
2、留言一定要留下信箱帳號及網址,這很不方便,不過好像大部分獨立架站的系統都是如此。
3、新增的部落格及帳號無法刪除。

優點:

1、留言系統區塊直接顯示在文章下方,讓網友留言方便,不會有找不到要按哪裡才能留言的尷尬狀況。
2、可以針對個別留言者的留言再作回應。
3、可有大頭圖像顯示。
4、有多種外掛,最新回應、最多留言者、最多留言的文章及聯合功能的外掛。
5、可以自行設定css語法,及加上API,不過這部分綸太郎能力未逮,要慢慢研究。
6、可封鎖特定IP、姓名及特定信箱或是文字的過濾功能。
7、由於需要註冊,所以有自己獨立的意見社區,方便管理留言。
8、一個帳號可同時利用在多個部落格。

切記,安裝前一定要先備份原始的模板,本人不負責恢復歐。
因為這個Hacks的安裝牽涉範圍較廣,會影響先前的回應展示,所以不建議已成立一陣子有多則留言的部落客使用。

如何操作呢?
1、進入DISQUS,按下Get Started或是Sign up註冊新的帳號,先設定你部落格url、名稱(可用中文)及你的Disqus的域名,按下add blog

然後選擇安裝在Blogger系統,

將你的模板xml,上載到DISQUS,他會新產生新的XML檔,要先勾選展開小裝置範本再貼到原有的範本HTML程式碼區即可。


記得要先設定意見為,新文章沒有意見,才不會和原有blogger的意見系統相衝突。

回應意見的區塊如下圖,這些都可以自行更改圖片大小及位置。

要如何增加最新回應的Widget呢?
按下Dashboard裡的Extras,裡面的Tools,按下Widgets,就有4種widget讓你選擇,
選擇第一項即是最新留言的外掛,可以設定是否要圖像( avatars)及圖像大小,及要顯示幾則留言,最多20則,再將程式碼以新增網頁元素的方式加上即可。

最新回應的樣子

大致介紹到這裡,其他的應用可以自行選擇。

參考網站:
DISQUS
個人新聞台 -- いらっしゃいませ...

2008年4月23日 星期三

將Twitter放到部落格的各種方式

今天又開始玩起twitter,發現長的跟以前不太一樣,上次綸太郎在將Twitter放到你的部落格上,有介紹如何將twitter放到blog上,現在那些介面完全變更,什麼Badges,及要輸入文字的地方,找半天都找不到,真是糟糕。

2008年4月22日 星期二

讓你的CBOX留言版更活潑生動

最近透過MyBlogLog發掘許多很有趣也很優秀的網站,其實很多時候不用留言,只要裝上這個MyBlogLog,就可以讓站長知道你曾經來過他的網站拜訪,算是潛水型的部落客可以稍稍浮出水面的工具,我覺得蠻好玩的,也發現有些人的留言版都像Msn一樣,可以使用特別的表情符號,讓自己的留言更活潑,也更有趣。

其實以前就知道Cbox有這功能,只是懶得去處理,因為要一個圖一個圖輸入網址,覺得有點麻煩,今天索性把圖找好,一次完成。

進入Cbox後台,選擇Admin頁面,點選Smilies功能,他有預設(Preset Smilies)的及自訂(Customize Smilies)的格式:


預設的有藍色、黃色及橘色三種樣式,圖形都很小,如下圖



你可以改成自訂的格式,不過前提是要有表情符號圖樣的網址,你可以將圖片存在Google Page Creator裡或是其他可外連的空間,但記得圖形要用透明的GIF檔,因為每個人的CBOX底色都不同,如果不是白色的,你用其他非透明的圖檔,就會出現一塊白白的底框,這樣就不甚美觀。

你先選其中一種顏色,比如藍色樣式來改,記得改過後因為他不能另存名稱,只能存在Customize Smilies的樣式裡,如果要再變更,原先自訂的圖案全都會消失。

先選擇Preset Smilies裡的Default Blue,按下Reset。
再選擇Customize Smilies,這時就會出現藍色的表情符號讓你修改,把圖片網址的url改成你新圖片的網址即可,也可在最下方有可以自行新增url的空格,儲存完畢,或是自行按下New Row也可新增新的一行,另外你不要的表情符號,可按最右邊的x,del去掉,按下save後,圖片就會消失了。

將圖片全換成自己的


有個問題是,到哪裡去找表情符號呢?其實Google一查就很多,這裡介紹這個網站,有相當多的表情符號可以應用,
MSN即時通小圖網,找到自己喜歡的下載後再傳到自己的空間,就可運用了。

點了表情符號,就會出現自訂的圖案

這樣是不是活潑可愛多了,你也可以試試看歐,很有趣呢。



延伸閱讀:
你的CBOX留言版是不是少了一塊呢?

2008年4月21日 星期一

Windows update 出現的錯誤

朋友提供給我的電腦系統維修資訊,相信很多人都遇過,給大家做個參考。

在做「Windows Update」時,出現如下的錯誤:

您電腦的日期與時間並未與更新憑證的日期與時間同步。
[錯誤代碼: 0x80072F8F]

若要修復這個問題:
1、在 [控制台] 中,開啟 [日期和時間] 內容。
2、確認系統日期與時間正確無誤。

解決辦法:
1. 先將防毒軟體卡巴,予以「暫停防護
2. 此時再做「Windows Update」就可以了
(網路上各種方法都試過了,只有這方法有效)

不過目前綸太郎使用的是avast!電腦防護系統,所以目前沒有這個問題,不過更新真的很麻煩,常常會有狀況出現,但是提醒各位還是要做更新的動作,尤其是喜歡打電玩遊戲的朋友,很多執行錯誤或是速度慢都是因為沒有作Windows Update,我家就有一位天堂遊戲的擁護者,常常忘記更新,還好有個免費的維修苦力在他身邊,負責讓他順暢的玩遊戲。

2008年4月17日 星期四

Blooogger---Templates Search Engine



2009.9.28更新:
已經關站了

最近發現有一個專門在搜尋Blogger templates 部落格模板的搜尋引擎,稱為
Blooogger!---Search Blogger Templates !,
試用了一下,感覺還蠻不錯的。

這個搜尋引擎的索引資料都是針對Google Blogger的模板資源,有先前舊的Classic Template和目前新版的Beta template,也就是xml 的模板,從中可以發現很多模板資源,有空時大家可以參考看看。

既然是搜尋引擎,那要輸入那些關鍵字才能找到自己想要的模板?

我想通常第一是從顏色著手,想要有什麼色系的模板資源,再來就是主題分類,譬如想要有動物主題、漫畫主題或是電影主題,都可輸入英文的關鍵字,自己再從中找出適合自己的模板。

其實對我而言,可以找到許多在blogspot.com架站的網站才是重點,看看別人如何將一個陽春的介面打造成自己喜歡的網站,裝了什麼有趣的widget,甚至有什麼關於blogger的教學,才是我想看到,尤其最近裝了Mybloglog發現許多用戶都是在blogspot.com架設部落格,書籤上又收集了許多優秀好站,Google blogger的魅力真是無窮,讓我發掘世界的另一面。

2008年4月14日 星期一

如何將標題(頭)分兩欄,加入網頁元素

昨天綸太郎將另一個網站,東京封印,換新的模板,發現一個新技巧,和大家分享。

以Blogger一般的規格而言,標題(標頭)通常佔了最上方一列的位置,如下圖這樣,


但是總覺得可否有些新變化,讓標題只佔了一部分,其他部分可以拿來貼圖片或是放其他的網頁元素,以我而言,當然就是可以放廣告或是最新訊息之類的,因為很多模板設計都有如此格式,最近試了一些模板,但是都會出現黃色三角形的錯誤訊息,因為也找不到錯誤的地方,無法修正,只好自己修改原有的模板加以應用,參考了網路上BlogU(部落格大學)的教法,終於把自己的網站弄成可以在標題欄加入其他網頁元素的格式了。


如何做呢?首先找到#header-wrapper的定義,然後將他分成兩部分,一個在左,一個在右
記得原先的模板要先備份
原來的
#header {
margin: 5px;
border: 1px solid #000;
text-align: center;
color:#ccc;
}

以一般為1024*768的寬度而言,可換成
新的
#header {
width: 300px;
float: left;
margin: 5px;
text-align: left;
color:#ccc;
}
#header-right {
width: 600px;
float: right;
color: #ccc;
margin: 5px;
padding: 5px;
}


然後記得不要展開小裝置範本,不然會找不到下列語法


,然後將原先的
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
</div>


改成
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header-right' showaddelement='yes'>
</b:section>
</div>

就是多加入紅色這兩段敘述

再儲存範本即可。

其中width的寬度可以自行設定,但記得如果你的元件高度不能超過header-wrapper所設的高度,自己再加以調整,如下方標頭分成兩部分。


我把他放上了博客來的廣告(如下圖),你也可以放上Google AdSense 468*60大小的廣告,隨時都可變動,但如果你的背景是圖片式的就不太適合,會把圖片擋住,視自己需要再做變化。



參考來源:
Add a Widget Beside Your Header

2008年4月11日 星期五

0與1謎詭世界被DMOZ收錄的影響

不記得0與1謎詭世界確實提交DMOZ目錄的日期,好像是3-4個月前,亦或更久,只是知道有這個可以提交網站的服務,而且公信力好像不錯時,就把自己的網站提交了,想到時就去查查看。

上次提到Meta的重要性,對搜尋引擎而言,meta的敘述形容影響了Google搜尋的結果,而關於我(About Me)的影響力更排在之前,2008年4月6日發現自己的網站被Dmoz收錄後,最近一查Google的資料,發現網站的介紹文,已經變成我提交給Dmoz的網站介紹內容,可見Dmoz對Google的重要性,如下圖和DMOZ目錄的介紹比較。



DMOZ的正式網站名稱是「ODP - Open Directory Project-」,中文可稱是開放性目錄專案,如何登錄,在登錄DMOZ.org - 站長俱樂部:站长论坛有說明,也有相關討論,當初是想有沒有收錄都無所謂,只是想測試看看,如果被收錄後會有怎樣的影響結果,大家覺得這麼神秘的網站,到底真相是如何?影響力又如何?由於都是由義工來人工審查,而且中文部份人手並不多,所以通過速度緩慢。

除了對Google的影響,另外一個就是對Alexa全球網站排名服務的影響,發現0與1謎詭世界的網站資訊,在Alexa都出現正確而詳細的資料,有了中文標題、目錄位置、甚至縮圖都是最新的,如下圖:

而我的另一個網站東京封印沒有提交目錄的則是只有一個網址,連縮圖我已經在Alexa,按下「Edit Site Info」,多次要求更新也都沒有結果,如下圖:


可見Dmoz的影響力,只要你在DMOZ有了資料,我想很多搜尋引擎或是網路服務都會從這裡來抓資料更新的。

另外如果你是在其他BSP設站的,由於你的網址都是在第二層目錄,所以Alexa只會抓到第一層目錄的BSP,譬如你在痞客邦設部落格,網址是http://blog.pixnet.net/你的名稱,在Alexa查詢時只會秀出痞客邦的資訊,排名也是Pixnet的排名,而抓不到真正你的網站的資訊,所以如果你有商業考量或是想進入全球網站排名的話,建議最好在Blogger設站,至少第一層就是你的名字,又免費,或是獨立架站,在網路上才會有你的排名。

如果你也想像綸太郎一樣提交你的網站到DMOZ裡,可從下列Dmoz中文網址,找到你適合的目錄下,再按下上方的「提交網址」

,提交前先看清楚相關的規定,再把您的資料填入,靜待DMOZ的收錄,有可能收錄,也可能不收錄,要自己去查,雖然他要登記e-mail,但也不會寫信通知你已經被收錄,所以想到時就去查查看,再看看後續的影響力吧。

參考網站:
Dmoz官網

2008年4月10日 星期四

如何控制文章網址的產生

綸太郎很無聊,總會研究些稀奇古怪的東西甚至是大家不太注意的細節,就像前一篇Meta的重要性,對搜尋引擎而言,其實最主要研究的原因是看到我的網站在書籤上沒有描述的文字,而別人的卻有,所以就研究了一下怎樣跑出那些文字敘述,當然連帶的發生SEO優化的效果,而這篇的產生,則是因為看到我的網址為什麼那麼平淡無奇,從網址來看完全看不出這篇內容在寫些什麼,或許你會問這有什麼關係,別急,看下去你就知道了。

這篇是以在Blogspot.com架站的部落格為對象,別家的我目前沒有研究,通常我們貼上一篇新文章,網址的產生,因為沒有中文的網址,所以產生的都是英文+數字的結合,以
淺談部落格的翻譯及相關程式碼一文而言,看不到任何英數文字,所以產生的網址是
http://01mistery.blogspot.com/2008/02/blog-post_29.html
它會以發表的西元年/月份(2008/02)再加上幾日29(blog-post _29)來命名網址,而如果有英數,例如以下這篇
101個傑出的templates模板---Blogger Buster
網址是
http://01mistery.blogspot.com/2008/02/101templates-blogger-buster.html
也是發表日期(2008/02)再加上101+templates+blogger-buster
這時一看大概就知道這篇文章在講些什麼。

可是通常我們寫文章時標題不一定會有英文及數字的關鍵字,如果只是為了要有清晰可辨識的英文網址,而硬擠出這樣的標題也很奇怪,這時有個變通的方法,就是先產生網址後,再回來改文章標題,比如我這篇

為什麼我的網站上出現成人廣告,沒有任何英數字,所以我先給他的標題是about-keyword,發佈後,所以這篇的網址url是
http://01mistery.blogspot.com/2008/04/about-keyword.html
但切記發佈後要立刻再回到後台把標題改成中文後,再次的更新發佈,由於第一次發佈時已經產生了網址,所以第二次更新是不會影響到網址,但記得第一時間就要改掉,因為關係到RSS的產生,因為根據我的經驗,Google Reader抓到資料後是不會再更新標題的,因為Blogger的RSS產生並非立即,而利用時間差,所以就想到了這種變通的方法。

重要的是,這能做什麼呢?其實在搜尋引擎運作模式裡,網址也是個判斷的依據,由於我並沒有購買獨立網址,所以自己製造一個網路機器人看得懂的網址也是個努力的方向,但對我而言比較重要的是,在Google Analytics的分析報告裡,不是有個「內容分析」,哪些URL被檢視幾次(如下圖),因為他沒有顯示文章標題,從網址來看,有些我根本無法判斷是哪篇文章,如果我能控制網址的產生,對於自己文章的掌握度也較好追蹤,當然了,你自己用的英數標題也不能和內容差距太遠,名實不符也不是好現象。


除了Google Analytics,綸太郎最近也試用了ICEROCKETBlog Tracker的追蹤分析工具,這個分析報告就會顯示文章標題,而且可以抓到最近訪客的IP位置,如果有人想破壞你的網站,亂點廣告,這也是個幫助自己的網路工具,當然是不希望有這種事情,但是也是要做些預防措施,防患於未然。

2008年4月6日 星期日

為什麼我的網站上出現成人廣告

最近看看自己的Google AdSense後台分析報告,發現出現一些我並沒有預期出現的關鍵字廣告,展示在我的網站上,譬如以下

2008年4月3日 星期四

Meta的重要性,對搜尋引擎而言

最近在研究Meta的作用,因為發現自己的網站內容,在Google的搜尋引擎的搜尋頁面展示並不是很好,雖然很多搜尋引擎已經不把Meta當作主要的判斷工具,但是對於網站的基本資訊提供還是有必要的。

什麼是Meta?在Googe的說明裡稱為"中繼標記",Wiki百科稱為「後設」,就像是你的網站的資訊導覽一樣,告訴搜尋引擎你的網站的基本資訊,讓他能在第一時間做出判斷,以Google而言,在「Google 如何檢索網站、建立索引和提供網頁?」一文裡,就有指出他的搜尋引擎稱為「Googlebot」,又稱為漫遊器或自動尋檢程式,而如何操作,內文也講的很詳細,其實很多Goog的官方文章都很值得細讀,畢竟天天都要用到他。

以Firefox的書籤為例,原本沒有加上網站的敘述,如下圖在屬性描述的地方是顯示空白的,加了之後,屬性就會出現網站描述。


加上meta標記的description後,就會出現該網站的介紹內容,如果別人有將你的網站加入書籤,只要看屬性也可了解網站所提供的內容,在bookmark書籤管理員裡的描述也可看到,如果沒有描述,可點選最後面的欄位選項的描述,點了之後就會出現,這在別人整理書籤時是很好的指引的工具,不然有時取個名字與內容沒什麼關聯的名稱,或許整理書籤時就把他刪了。

如何放meta資料在blog上呢?
當然是要到後台版面配置的修改HTML裡,將以下敘述放在<head> 和 </head>之間,通常是放在title之前即可,
<meta content='分享在Google Blogger設立部落格的心得及技巧教學' name='description'/>
紅色敘述部分,放入你自己網站的敘述即可。


讓搜尋引擎一進你的網頁就能迅速找到description,為了測試放上去對搜尋引擎的影響,我做了兩個動作,來測試搜尋引擎檢索我的網站的結果,首先,我在我的兩個網站上都加了description的敘述,而在0與1網站多加上「關於我」的超連結,大概過了1到2個禮拜,結果出來了,分別如下:

0與1謎詭世界,「關於我」的資訊列在搜尋頁面裡,


而沒有放「關於我」的東京封印,則出現description的敘述,所以結論應該是只要有放description通常會讓你有較好的搜尋結果,讓Google的搜尋頁面裡出現比較完整的介紹,而關於我連結的會優先於description的標記。


如果沒有放這些文字,大部分Google會抓網站名稱下一行的字,如果你有小標題就會出現小標題,如果沒有小標題,像以「東京封印」這個網站而言,因為我的標題是以圖片顯示,而在Google的搜尋裡,圖片是無法作為搜尋依據的,(除非你有加上alt標籤,但也僅止於圖片搜索用),所以我的網站第一行字是「★★★請勿任意轉載本站的文章及圖片,但歡迎網摘及連結並註明出處,……… 」,所以搜尋頁面就是展示出這些文字,自己看起來都怪怪的,明明是旅遊資訊網站,怎麼感覺像是來到了CC授權解說,有的人是放導覽列,則會出現導覽列的欄位名稱,或許你會問這重要嗎?我想以我自己而言,我是比較喜歡自己的網站介紹能夠正確的顯示在搜尋頁面裡,而不是被亂拼湊的結果,你可以試著到Google搜尋裡,可以查到許多抓到的網站下方的介紹文都不一樣,有許多奇怪的結果。

而據我自己的觀察,放了「關於我」之後,真的從搜尋引擎進來的IP增加了,當然多寫些好文也是增加流量的方式,但是適當的優化自己的網站也可以試試,另外加上關鍵字(keyword)的Meta,這是早期很多人使用的方式,但是影響不大,而且加了太多,有可能被機器人判定為作弊。

另外加上『關於我』的自我介紹文,我覺得在一個網站,漸漸成熟之後,可以這樣做,尤其是你的網站並非日記型的部落格,而是比較有專業性、領域性及知識性的文章時,甚至是對自己的部落格很有自信時,覺得對網友是有意義的分享文章時,可以自我推薦,請網友們訂閱你的部落格,有新文章發出時,可以第一時間通知他們,當然,如果你架部落格,就是要分享你的專業,當然第一時間就可放上About Me,另一方面,如果有放推薦廣告在自己的網站上,也可以讓有興趣的廣告主,透過『關於我』,迅速了解你部落格的大概提供的資訊。

像異塵行者的電腦玩物及不來恩的重灌狂人部落格就很厲害,他們的搜尋結果裡還有小標題連結,如下圖,不愧是部落格裡佼佼者,



如果你的網站才剛成立,不用急,先將自己的網站加入各大搜尋引擎裡,再到書籤網站去宣傳聯播,假以時日,也會在搜尋引擎裡看到自己的身影的,當然最重要的還是要做一個自己喜歡且有內容的部落格。

另外Yahoo的搜尋引擎,好像自有一套搜尋與展示的規則,以上方式好像是不適用的。

2008.4.11更新:
由於0與1謎詭世界,已被DMOZ目錄網站收錄,所以網站資訊已變成DMOZ的介紹文了,詳細情形請參考,0與1謎詭世界被DMOZ收錄的影響一文說明。