Entertainment and Engineering

一個防止網頁盜連的Java Script

2007-07-06T20:31:00.000+08:00

昨天在檢視sitemeter的資料時, 意外發現一個奇特的訪客, 這位訪客進入本網頁的頁面, 以及離開時的頁面,
都不是本網頁的任何頁面.
而連結到進入點一探究竟時, 竟發現進入點的網頁內容, 與本網頁一致, 然而, 網址列卻全然不同...當下, 很直接的想到--是不是被人盜連了?

於是, 在情況還不明朗的情形下, 決定先找一個方式, 暫時阻擋此類連結.
之前有看過利用網頁內容的座標, 來判斷是否網頁被他人當作嵌入內容, 不過目前的狀況似乎不適合(因為沒有看到任何frame), 在搜尋一陣子後, 發現下面的Java Script可能符合我的需要:

<script type='text/javascript'>

</script>

將上面這一段程式碼, 加入Template中後, 每當有人意圖從其他入口進入自己的網頁時, 便會跳出一個警告視窗, 之後, 便將使用者導向正確的入口.
這一段程式碼看來相當方便, 然而卻有相當大的問題...效果太暴力了.
以上程式碼, 不只將盜連擋掉, 連一般的連結也擋掉了. 結果就是不論從任何連結, 想要連到本網頁, 都會先彈出一個警告視窗.
真正要有效果的話, 可能得將條件判斷式改得更精確點...也就是說, 不能只判斷進入點是否是本網頁, 而應判斷連過來的網頁是否合法.
不過還好這只是暫時性的作法, 之後針對連過來的網頁查了一下, 發現那是一個網上代理伺服器的網站, 基本上不會造成什麼危害後, 我也就將之移除了.

英文字首字根

2007-01-23T17:09:00.000+08:00

今天試著使用Google Page Creator,同時也當作整理上課的內容，初步成果如下：
My GRE Note
當然，因為今天大部分的時間都花在熟悉Google Page Creator上，內容還不多，之後應該會逐步增加。

有用網站

2007-01-20T23:06:00.000+08:00

一個整理了Blogger各項技巧的網站:
Blogger Beta Hack 滙總

[補充]在文章中加入Expand/Collapse的功能

2007-01-16T00:27:00.000+08:00

之前講到可以在文章中加入Expand/Collapse(或是Show/Hide,延伸閱讀,繼續閱讀)的功能,今天實際試作了一下自動加入的功能,卻發現目前自動加入的功能有一些不如人意的地方.
最嚴重的問題是,自動加入的功能目前的作法是藉由判斷<br>(換行標籤)的個數來決定在何處將Expand/Collapse功能加入文章,依照HTML的特性,就會出現如下的問題:

<blockquote>
1. ...<br>
2. ...<br>
3. ...<br> Call hidepost here!!
</blockquote>

發現問題了嗎?
如果很不幸的,你的Expand/Collapse的功能正好加在HTML標簽之間,就會破壞HTML的結構,當然原本想要顯示的Expand/Collapse功能也沒有任何作用了....
要解決這樣的一個問題,最直接的想法是剖析並記錄加入點之前所有的HTML標簽,並在加入點之前,強迫所有HTML標簽關閉,而在加入點之後,再重新開啟.不過這樣的做法相當麻煩,也必須對Javascript有比較深入的了解,所以我也懶得繼續研究了...暫時,還是先手動加入好了....

在文章中加入Expand/Collapse的功能

2007-01-15T02:42:00.001+08:00

為了不要讓主頁擴張的太離譜,我花了點時間,找了一下如何限制主頁文章可顯示長度的方法:

手動加入的方法
 自動判斷現在行數加入的方法

目前還只是使用手動加入,不過我是認為自動加入的方式比較適合我想要的效果....
可能明後天再找個時間更改一下吧...

網站資訊提供(Feed)分類

2007-01-14T19:33:00.000+08:00

原本由FeedBurner所提供的網站資訊提供(以下均以原文Feed稱之)，其最簡易的形式如下：

http://[Blog名稱].blogspot.com/feeds/posts/default?alt=rss
or
http://[Blog名稱].blogspot.com/rss.xml

不管是用那一種方式產生Feed，都會有一個困擾--這種Feed所收集的文章，包含了整個Blog的文章，部落客無法決定那些文章允許他人訂閱，而訂閱者也無法只接受想要的文章，而過濾掉不想要的內容。於是Blogger針對這種情形，提供了一個方法讓部落客能夠依據標簽訂閱文章。
而對我來說，除了希望我的文章能夠依據主題讓別人訂閱，也在外觀上希望不要離原來的Labels網頁元素太遠，比較適合讀者快速查閱及訂閱。而原本Blogger所提供的包含標簽的Feed雖然可以做到依照標簽訂閱，但外觀上卻有所限制：

利用Blogger基本功能所產生的分類Feed外觀

可以看到上圖的方式有幾個問題：其中之一是上圖的兩個分類，分別屬於兩個不同的網頁元素，而有時更換Template會造成網頁元素的重排，這時很難保證這兩個網頁元素還會排在一起。另一問題則是當提供訂閱的標簽增加之時，在外觀上會造成側邊條成長，這可能會妨礙讀者搜尋其他的Blog資訊。（太多網頁元素也可能降低Blogger的載入速度，不過目前沒有找到相關資訊，所以這不是目前的考慮重點）
在搜尋並研究了一陣子後，我發現其實只要搭配包含標簽的Feed及FeedBurner就可以做到我想要的功能，並在某種程度上取代掉Blogger所提供的Labels網頁元素。做法如下：
1．先照著申請永久RSS‧FeedBurner所述，將下列形式的Feed加入FeedBurner：

http://[blogname].blogspot.com/feeds/posts/default/-/[labelname]

其中labelname是你所想要提供的標簽（Tag）名稱。
2．在FeedBurner中，點選左上角Home圖示旁的"My Feeds"會出現如下的畫面：

點擊剛才加進去的Feed，會進入詳細的設定如下：

點擊"Publicize"（亦即藍色框起來的部分），即可選擇用各種方式發佈Feed如下：

而我所選擇的方式是“Chicklet Chooser“（亦即我用紅色框起來的部分）。
3．在Chicklet Chooser服務頁面中，主要要做兩件事，其一是選擇發佈的圖示及服務如下：

Chicklet Chooser可讓你選擇快速將Feed加入某一書簽服務中

當選好所用的圖示及服務後，接下來要做的就是將Chicklet Chooser所提供的Html code複製一份：

然後將所複製的Html code，貼在Blog新增的「HTML/Java Script」網頁元素中。
部落客可以對每個標簽重複做這些動作，然後將所得到的Html codes，全部貼到同一個「HTML/Java Script」網頁元素中，所得到的外觀如下：

是不是比較乾淨，也比較節省空間呢？
接下來是一些小細節：
1．如果直接貼上所得到的Html code, 小圖示後面所顯示的文字都會是"Subscribe to my feed"，這雖然是小細節，不過忘記處理的話，可是會讓人很傷腦筋的。
2．如果標簽是中文的話要怎麼處理？Blogger雖然允許使用中文標簽，但是FeedBurnner卻不會主動幫部落客處理中文的標簽。這意思是說，如果你餵給FeedBurnner的Feed網址是像下面這種形式的話：

http://[myBlogName].blogspot.com/feeds/posts/default/-/邏輯
--Logic

那FeedBurnner會告訴你這是一個無效的Feed。
所以有中文標簽的話，中文的部分必須轉成FeedBurnner認得的形式才行：

http://[myBlogName].blogspot.com/feeds/posts/default/-/%E9
%82%8F%E8%BC%AF--Logic

有一個快速轉換中文標簽的方式，就是直接點擊你的Blog中，文章後面所附的中文標簽，那麽Blogger會帶你到下面的網址：

http://[部落格名稱].blogspot.com/search/label/[中文標簽轉碼後的結果]

用紅色的部分替代中文標簽，就可以將中文標簽餵給FeedBurnner了。

網頁的價值

2007-01-08T18:04:00.000+08:00

計算你的網頁價值
本網頁的價值$1,560,000...
在完全新建,沒有流量,沒有名聲及大量參訪者的情形下（甚至連Google都還找不到）,還能有這種價值,可見名字實在是取得太好了...

將Blogger內容加入Google sitemap

2007-01-08T17:13:00.000+08:00

參考網頁
Google WebMaster Tools
其實原本我是想自動產生Site Map元件的..
不知怎麼搞的,就找到這東西了...
現在我的Blog在Google上是搜不到的(因為實在太新了...-_-)
照文章中所說,將Blogger的Sitemap加入Google sitemap後,Google會定期的掃描網頁,並將新的內容加入Google的Index...
不過到目前為止,還沒看到實際的成果...也許等晚一點再試試看吧....
另...如果有自動產生Sitemap的方法或程式碼的話,也歡迎提供哦...

Blogger的相容性

2007-01-06T17:43:00.000+08:00

Blogger的編輯與發佈在Mac的Safari上似乎有些相容性的問題：
在Firefox的版面配置：

以及在Safari的情形：

可以看到在Safari上,左上方少了一些功能按鈕,而右上方的Tab也消失了。
而就算在Firefox中,功能的運作似乎也不太直覺...
一個例子是有關加入影像:對一般的文字編輯而言(不管是不是在網路上),使用者都會預期加入的影像位置,會落於文字遊標的附近(當然依據所選的配置(layout)不同,會有所差異).不過在實際使用Blogger的情形下,影像聯結的html code卻被置於文章的最開頭。要移到自己想要的位置，還得多一道手續。

在Blog中加入Google Calendar

2007-01-03T11:59:00.000+08:00

Google 的整合服務真的作得不錯....
不過在一些細節上,卻不是那麼方便.
舉例而言,當想要將Google Calendar的內容顯示在Blogger上時,
如果只想顯示單一,公開的Calendar,那沒什麼問題,照著Calendar及Blogger的說明,很輕易就可做到...
可是如果想要將多個Calendar的內容,顯示在同一個Calendar的區塊上,那又該怎麼做呢?
下面就是我的解法：
1. 首先,從Google Calendar中取得需要Calendar的Html code如下:

http://www.google.com/calendar/embed?src=[calendar的名稱或位置A]

http://www.google.com/calendar/embed?src=[calendar的名稱或位置B]

2. 接著,將所得到的Html code組合如下:

http://www.google.com/calendar/embed?src=[calendar的名稱或位置A]&src=[calendar的名稱或位置B]

3. 最後在Blogger中加個新的Element,也就是某個iframe,再將上面這段code貼上就完成了.

不過這樣的做法,只能用在公開的Calendar上,如果使用不公開的Calendar,剛做完的時候可以看到Calendar,可是過一陣子再看就看不到了.
不過還好,Google Calendar提供了我們一些細微的設定,可以讓我們只分享一部分的Calendar的資訊,
Google Calendar的設定如下:

1. Do not share with everyone
2. Share all information on this calendar with everyone
3. Share only my free / busy information (hide details)

其中第三項允許我們只顯示schedule的時間資訊,而不顯示細節。只要將分享的方式設為第三類,即可只公開部分資訊。
至於若是想對朋友公開更細部的行程的話,那還要在Google Calendar中再設定才行.
[補充]
Google Calendar允許使用者針對單一事件,排程設定分享方式,若要做更細部的設定,由這裡著手可能是個不錯的選擇。