2005年08月31日
如何把Blog sidebar裡的東西擺到Windows桌面
在Blog的sidebar裡,網友們佈置得多彩多姿,但一定要連上網頁才能看到自己有趣的Blog畫面,有網友就想要把這些東西也搬到Windows桌面,這樣不用開瀏覽器,也可以看到擺自己Blog裡的有趣小玩意.
什麼?!你說我中Blog的毒太深了?
也不是這樣講啦!像我做的顯示氣象局的衛星氣象雲圖小程式,擺在桌面就滿實用的啊,可以隨時注意氣象,在颱風季節就很適合.
...繼續閱讀
2005年08月24日
把中文Blog翻譯成英文網頁
現在大家都在講國際化,辛苦寫的Blog也應該向全世界發聲,
英文不好?寫中文還要寫英文很累?沒問題!現在有個好用的工具可以幫你.
你可以複製下列的程式碼,放到你的自由欄位之中,或擺在文章裡面.記得要把倒數第4行的 http://your.blog.tw/ 改成你Blog的網址.
程式碼
這段程式碼是叫用AltaVista的Babel Fish Translation來做翻譯,成果還算差強人意,畢竟是電腦程式的自動翻譯,也不能太苛求是吧?!
什麼?要用這個來交你的英文作業!?那你一定被當掉!
翻譯這篇文章試看看... ...繼續閱讀
英文不好?寫中文還要寫英文很累?沒問題!現在有個好用的工具可以幫你.
你可以複製下列的程式碼,放到你的自由欄位之中,或擺在文章裡面.記得要把倒數第4行的 http://your.blog.tw/ 改成你Blog的網址.
程式碼
<form action="http://babelfish.altavista.com/babelfish/tr" method="post" target="_new">
<input type=hidden name=doit value="done">
<input type=hidden name=tt value="url">
<input type=hidden name=intl value="1">
<input type=hidden name=lp value="zt_en">
<input type=hidden name=trurl value="http://your.blog.tw/">
<input type="Submit" value="Translate" style="cursor:hand;
font-weight:bold;background:#cc99ff;color=white;">
</form>
<input type=hidden name=doit value="done">
<input type=hidden name=tt value="url">
<input type=hidden name=intl value="1">
<input type=hidden name=lp value="zt_en">
<input type=hidden name=trurl value="http://your.blog.tw/">
<input type="Submit" value="Translate" style="cursor:hand;
font-weight:bold;background:#cc99ff;color=white;">
</form>
這段程式碼是叫用AltaVista的Babel Fish Translation來做翻譯,成果還算差強人意,畢竟是電腦程式的自動翻譯,也不能太苛求是吧?!
什麼?要用這個來交你的英文作業!?那你一定被當掉!
翻譯這篇文章試看看... ...繼續閱讀
2005年08月14日
隨機切換樂多Blog網頁樣式
測試切換網頁樣式:
每次造訪或更新你的Blog網頁時,隨機切換不同佈景樣式(theme),最適合不喜歡一成不變的網友,也讓造訪你Blog的網友有不同的驚喜!.利用簡單的JavaScript程式,以亂數決定所要使用的佈景樣式,目前切換的是樂多Blog所提供的20種佈景.
把下列程式碼貼到自由欄位或文章裡面,貼到自由欄位時,不必單獨做一個欄位,可以附在其他自由欄位內容的後面,但樂多的自由欄位只在Blog的首頁出現,所以若附在自由欄位後面就只有首頁有這個效果,若要讓單篇文章也有這個效果,就要貼在文章裡面,最好貼在文章的最後面,避免多篇文章列表時,多篇文章同時產生這個效果,可能會發生不可預期的結果?!
網頁一開始會先載入你預設的樣式,然後才切換到隨機更換的樣式,若要採用這個小技巧,建議預設的樣式儘量選擇比較簡單一點的.
隨機切換的程式碼:
2005/08/26
修改了一下程式,除了可以隨機切換之外,也可以在Blog的自由欄位或文章裡顯示一個可以選擇網頁樣式的下拉式選單,這樣就可以由造訪你Blog的網友自己決定網頁風格,由於之前有看到網友討論樣式的字大小的問題,若能由網友自行依據閱讀習慣來改變字的大小,各取所需,相信是比較好的解決方案.
下拉選單切換的程式碼:
紅色的部分與前面設定隨機顯示網頁樣式的程式碼相同,若是同時要隨機切換也要顯示下拉選單的話,要記得紅色部分不能重複,只要寫一次即可.
增加你自己的網頁樣式
我程式中附的網頁樣式是引用樂多所提供的樣式,可能其他的Blog網站不適用,你可以增加你自己設計的樣式,或適用其他Blog網站的網頁樣式,方法如下面的程式碼例子:
在叫用ShowStyleMenu()函數之前,先設定樣式陣列的元素,就可以增加新的樣式到下拉式選單中提供選擇.
上例中增加了2個新的樣式選擇,s[20]是指編號20的s陣列元素,而設定的字串裡面,前面是選項的名稱,後面是該選項樣式的網址,要注意中間以分號隔開.所以s[20]增加了chinamoon選項,其樣式網址為http://blog.roodo.com/theme/chinamoon/site.css
選項名稱也可以使用中文,如同s[21]所示.
原來所提供的樂多網頁樣式,也可以把它置換或取消,s陣列最前面的20個元素就是預設的樂多網頁樣式,要替換時要注意陣列編號是從0開始,所以前20個元素是 s[0] 到 s[19],你可以直接設定這幾個元素的新字串值,或給空的字串,那麼該陣列元素就不會顯示為選項.
每次造訪或更新你的Blog網頁時,隨機切換不同佈景樣式(theme),最適合不喜歡一成不變的網友,也讓造訪你Blog的網友有不同的驚喜!.利用簡單的JavaScript程式,以亂數決定所要使用的佈景樣式,目前切換的是樂多Blog所提供的20種佈景.
把下列程式碼貼到自由欄位或文章裡面,貼到自由欄位時,不必單獨做一個欄位,可以附在其他自由欄位內容的後面,但樂多的自由欄位只在Blog的首頁出現,所以若附在自由欄位後面就只有首頁有這個效果,若要讓單篇文章也有這個效果,就要貼在文章裡面,最好貼在文章的最後面,避免多篇文章列表時,多篇文章同時產生這個效果,可能會發生不可預期的結果?!
網頁一開始會先載入你預設的樣式,然後才切換到隨機更換的樣式,若要採用這個小技巧,建議預設的樣式儘量選擇比較簡單一點的.
隨機切換的程式碼:
<script src="http://www.ezeshop.com.tw/sidebar/change-blog-style.php" language="JavaScript"
type="text/javascript">
</script>
<script type="text/javascript">
RandomStyle();
</script>
</script>
<script type="text/javascript">
RandomStyle();
</script>
2005/08/26
修改了一下程式,除了可以隨機切換之外,也可以在Blog的自由欄位或文章裡顯示一個可以選擇網頁樣式的下拉式選單,這樣就可以由造訪你Blog的網友自己決定網頁風格,由於之前有看到網友討論樣式的字大小的問題,若能由網友自行依據閱讀習慣來改變字的大小,各取所需,相信是比較好的解決方案.
下拉選單切換的程式碼:
<script src="http://www.ezeshop.com.tw/sidebar/change-blog-style.php" language="JavaScript"
type="text/javascript">
</script>
<script type="text/javascript">
ShowStyleMenu();
</script>
</script>
<script type="text/javascript">
ShowStyleMenu();
</script>
紅色的部分與前面設定隨機顯示網頁樣式的程式碼相同,若是同時要隨機切換也要顯示下拉選單的話,要記得紅色部分不能重複,只要寫一次即可.
增加你自己的網頁樣式
我程式中附的網頁樣式是引用樂多所提供的樣式,可能其他的Blog網站不適用,你可以增加你自己設計的樣式,或適用其他Blog網站的網頁樣式,方法如下面的程式碼例子:
<script type="text/javascript">
s[20]="chinamoon;http://blog.roodo.com/theme/chinamoon/site.css";
s[21]="聖誕快樂;http://blog.roodo.com/theme/merryxmas/site.css";
ShowStyleMenu();
</script>
s[20]="chinamoon;http://blog.roodo.com/theme/chinamoon/site.css";
s[21]="聖誕快樂;http://blog.roodo.com/theme/merryxmas/site.css";
ShowStyleMenu();
</script>
在叫用ShowStyleMenu()函數之前,先設定樣式陣列的元素,就可以增加新的樣式到下拉式選單中提供選擇.
上例中增加了2個新的樣式選擇,s[20]是指編號20的s陣列元素,而設定的字串裡面,前面是選項的名稱,後面是該選項樣式的網址,要注意中間以分號隔開.所以s[20]增加了chinamoon選項,其樣式網址為http://blog.roodo.com/theme/chinamoon/site.css
選項名稱也可以使用中文,如同s[21]所示.
原來所提供的樂多網頁樣式,也可以把它置換或取消,s陣列最前面的20個元素就是預設的樂多網頁樣式,要替換時要注意陣列編號是從0開始,所以前20個元素是 s[0] 到 s[19],你可以直接設定這幾個元素的新字串值,或給空的字串,那麼該陣列元素就不會顯示為選項.
2005年08月13日
讓滑鼠游標跑出彩色小球
讓造訪你Blog網友的滑鼠游標,跑出彩色的小球,而且會追著滑鼠旋轉.利用簡單的JavaScript程式,讓你的Blog更有趣味.
把下列程式碼貼到自由欄位或文章裡面,貼到自由欄位時,不必單獨做一個欄位,可以附在其他自由欄位內容的後面,但樂多的自由欄位只在Blog的首頁出現,所以若附在自由欄位後面就只有首頁有這個效果,若要讓單篇文章也有這個效果,就要貼在文章裡面,最好貼在文章的最後面,避免多篇文章列表時,多篇文章同時產生這個效果,可能會發生不可預期的結果?!
程式碼
把下列程式碼貼到自由欄位或文章裡面,貼到自由欄位時,不必單獨做一個欄位,可以附在其他自由欄位內容的後面,但樂多的自由欄位只在Blog的首頁出現,所以若附在自由欄位後面就只有首頁有這個效果,若要讓單篇文章也有這個效果,就要貼在文章裡面,最好貼在文章的最後面,避免多篇文章列表時,多篇文章同時產生這個效果,可能會發生不可預期的結果?!
程式碼
<script src="http://www.ezeshop.com.tw/sidebar/cursor-ballfly.php" language="JavaScript"
type="text/javascript">
</script>
</script>
2005年08月12日
每日漫畫學英語
每天提供一則英語漫畫,除了幽默之外,也可以學習到一些口語化的英語喔!
放進你的Blog的自由欄位,可以讓你的Blog更精采!!
用滑鼠點一下圖,會跳出視窗可以看放大圖,漫畫的字會更清楚,而且底下我加了Yahoo字典的查詢欄,可以馬上查不懂的英文單字.
利用JavaScript程式連結到國外的漫畫網站 http://www.tedgoff.com/ ,每天會更換不同漫畫,因為是在國外所以更換的時間有時差.
你可以把下列的程式碼,複製放到你的自由欄位之中,或擺在文章裡面.
程式碼
2006.05.19 增加設定寬度參數
多增加了一個控制參數 width 來控制小圖的寬度,萬一網友的 sidebar 比較窄,可以用這個參數來讓小圖變窄,最窄可以設到110像素寬度,若不設定的話使用內定寬度160像素.要縮小圖寬度的網友請參考下面的例子:
程式碼
放進你的Blog的自由欄位,可以讓你的Blog更精采!!
用滑鼠點一下圖,會跳出視窗可以看放大圖,漫畫的字會更清楚,而且底下我加了Yahoo字典的查詢欄,可以馬上查不懂的英文單字.
利用JavaScript程式連結到國外的漫畫網站 http://www.tedgoff.com/ ,每天會更換不同漫畫,因為是在國外所以更換的時間有時差.
你可以把下列的程式碼,複製放到你的自由欄位之中,或擺在文章裡面.
程式碼
<script src="http://www.ezeshop.com.tw/sidebar/comic-e.php" language="JavaScript"
type="text/javascript">
</script>
</script>
2006.05.19 增加設定寬度參數
多增加了一個控制參數 width 來控制小圖的寬度,萬一網友的 sidebar 比較窄,可以用這個參數來讓小圖變窄,最窄可以設到110像素寬度,若不設定的話使用內定寬度160像素.要縮小圖寬度的網友請參考下面的例子:
程式碼
<script src="http://www.ezeshop.com.tw/sidebar/comic-e.php?width=110" language="JavaScript"
type="text/javascript">
</script>
</script>
顯示氣象雲圖
我設計了一個可以顯示出氣象衛星雲圖的小程式,可以擺在你的Blog中,這是連結到中央氣象局的即時資訊喔!颱風天上網看Blog時,也可以順便關心一下颱風動態.
用滑鼠點一下圖,跳出視窗可以看放大的圖.
...繼續閱讀
用滑鼠點一下圖,跳出視窗可以看放大的圖.
...繼續閱讀
![[Syndicate this site]](http://cdn.rimg.tw/images/blog/rss.gif "Syndicate RSS feed"){kind=small}
![[Syndicate this site]](http://cdn.rimg.tw/images/blog/atom.gif "Syndicate ATOM feed"){kind=small}
