大自然傑作

大自然傑作

繼續閱讀...

使駕駛減速的妙招

看到以下這樣的路況，你還敢開快車嗎？









真相大白了






真的是太有創意了，政府想盡辦法來限制民眾開快車，民眾也被罰單罰到怨聲載道，要是用這種方式，相信一定達到減速的效果，只是會不會到時候每個人看到坑洞都不減速了^^!!

(P.S. 只是政府的收入可能要減低了)

繼續閱讀...

標籤雲的製作與標籤過濾

標籤雲加到部落格上可以讓您用一目了然的方式，檢視部落格分類的項目，同時可以用字型顏色和大小來 分別分類的數量，一下次就可以看出熱門的分類。

標籤雲這東西已經有很多人做了，這裡僅提供參考的部落格教學，照著裡面操作就可以做出屬於你自己的標籤雲。

Abin's Tech Note: 增強標籤分類功能: 標籤雲 (Label Cloud)

光有標籤雲還不夠，在立揚網站上面，我希望過濾掉不希望顯示的分類，因此我就打算直接改Abin's Tech Note:標籤雲裡面的程式。

一開始我是希望過濾掉數量比較少的分類，避免某些較不熱門的分類把標籤雲弄得很複雜，修改方式如下：

原先程式碼
function generateLabels(){
var blogURL = 'http://become.wei-ting.net';
var maxFontSize = 18;
var minFontSize = 11;
var maxColor = [204,204,204];
var minColor = [119,119,119];
var showCount = true;

var labelColor= [];
var labelSize = 0;
var labelCount = new Array();

for (var i in labels)
if (!labelCount[labels[i]])
labelCount[labels[i]] = new Array(labels[i])

total = labelCount.length-1;
section = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';

for(var tag in labels) {
for (var i=0; i < 3; i++)
labelColor[i]=adjustLabel(minColor[i], maxColor[i], labels[tag], total);

labelSize = adjustLabel(minFontSize, maxFontSize, labels[tag], total);
li = document.createElement('li');
li.style.fontSize = labelSize+'px';

a = document.createElement('a');
a.title = labels[tag]+' articles with Label: '+tag;
a.style.color = 'rgb('+labelColor[0]+','+labelColor[1]+','+labelColor[2]+')';
a.href = blogURL+'/search/label/'+encodeURIComponent(tag);

if (showCount) {
span = document.createElement('span');
span.innerHTML = '('+labels[tag]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
}
ul.appendChild(li);
ul.appendChild(document.createTextNode(' '));
}
section.appendChild(ul);
}

改成這樣
function generateLabels(){
var blogURL = 'http://abinlee.blogspot.com';
var maxFontSize = 18;
var minFontSize = 11;
var maxColor = [204,204,204];
var minColor = [119,119,119];
var showCount = true;
var minCountFilter = 3;

var labelColor= [];
var labelSize = 0;
var labelCount = new Array();

for (var i in labels)
if (!labelCount[labels[i]])
labelCount[labels[i]] = new Array(labels[i])

total = labelCount.length-1;
section = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';

for(var tag in labels) {
for (var i=0; i < 3; i++)
labelColor[i]=adjustLabel(minColor[i], maxColor[i], labels[tag], total);

labelSize = adjustLabel(minFontSize, maxFontSize, labels[tag], total);
li = document.createElement('li');
li.style.fontSize = labelSize+'px';

a = document.createElement('a');
a.title = labels[tag]+' articles with Label: '+tag;
a.style.color = 'rgb('+labelColor[0]+','+labelColor[1]+','+labelColor[2]+')';
a.href = blogURL+'/search/label/'+encodeURIComponent(tag);

if (showCount) {
span = document.createElement('span');
span.innerHTML = '('+labels[tag]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
}
if(labels[tag]>minCountFilter){
ul.appendChild(li);
ul.appendChild(document.createTextNode(' '));
}
}
section.appendChild(ul);
}


後來我將分類用特定字元起始，例如IC設計改成+IC設計，這樣一來我就只要讓特定的標籤可以顯示出來就好。
修改的程式碼如下：
function generateLabels(){
var blogURL = 'http://become.wei-ting.net';
var maxFontSize = 18;
var minFontSize = 11;
var maxColor = [204,204,204];
var minColor = [119,119,119];
var showCount = true;

var labelColor= [];
var labelSize = 0;
var labelCount = new Array();

for (var i in labels)
if (!labelCount[labels[i]])
labelCount[labels[i]] = new Array(labels[i])

total = labelCount.length-1;
section = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';

for(var tag in labels) {
for (var i=0; i < 3; i++)
labelColor[i]=adjustLabel(minColor[i], maxColor[i], labels[tag], total);

labelSize = adjustLabel(minFontSize, maxFontSize, labels[tag], total);
li = document.createElement('li');
li.style.fontSize = labelSize+'px';

a = document.createElement('a');
a.title = labels[tag]+' articles with Label: '+tag;
a.style.color = 'rgb('+labelColor[0]+','+labelColor[1]+','+labelColor[2]+')';
a.href = blogURL+'/search/label/'+encodeURIComponent(tag);

if (showCount) {
span = document.createElement('span');
span.innerHTML = '('+labels[tag]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(tag));
li.appendChild(a);
}
if(encodeURIComponent(tag).substring(0,3)=='+';){
ul.appendChild(li);
ul.appendChild(document.createTextNode(' '));
}
}
section.appendChild(ul);
}

繼續閱讀...

自己建立Blogger搜尋列

Blog文章一多，找不到怎麼辦？
其實原本的Blogger在頁面最上面有一個Navbar，就有搜尋你的部落格內容的功能。
但是在隱藏部落格上方的Navbar 這篇文章我已經把Navbar給隱藏了，所以得自己再加上搜尋列。

步驟如下

1. 進入管理平台
2. 點選版面配置->網頁元素
3. 新增一個HTML/Java Script網頁元素
4. 貼上下面程式碼
5. 拖拉到想放的位置就可以

<form id="searchthis" action="/search" method="get">
<input id="search-box" name="q" type="text">
<input id="search-btn" value="Search" type="submit">
</form>

繼續閱讀...

iTenki愛天氣貼紙

想要在妳的部落格放上天氣貼紙嗎？
i Tenki提供了各式各樣的天氣貼紙，讓你裝飾你的部落格。

http://www.weatherrisk.com/label.html

繼續閱讀...

隱藏部落格上方的Navbar

Google 的BlogSpot上方都會有個瀏覽列，不喜歡的話，可以根據下面設定把它隱藏起來。

1. 進入Blogger的管理後台
2. 選擇版面配置->修改HTML
3. 在]]></b:skin>之前貼上下面程式碼後，儲存即可。


.Navbar{
visibility:hidden;
display:none;
}


繼續閱讀...

建立專屬的程式碼區塊

有時候在部落格上會貼上一些教學文章，往往需要附上程式碼，如果照一般格式貼上程式碼，會覺得有點醜醜的，又和一般文章無法區別，參考了良人的大秘寶的大作後，我也修改了一部份，這篇文章就來教大家怎麼自己做程式碼區塊。

1. 進入Blogger管理介面，選擇版面配置
2. 選擇修改HTML
3. 在]]></b:skin>前貼上程式碼區塊的CSS格式(如果要連側邊攔也要的話，把.post拿掉就好)
4. 未來只要再編部落格時，將程式碼用<code></code>包起來就可以。

.post code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #ccc url(http://become.mail.googlepages.com/Code_BG.gif) left top repeat-y;
}



繼續閱讀...

建立電子郵件貼紙網站

想要有自己專屬的電子郵件貼紙嗎？
可以到這個網站建立屬於自己的貼紙
除了美觀以外，還可以防範自己的郵件地址變成垃圾信名單唷
目前Gmail、Hotmail、Sina、Yahoo都有支援唷

做出來的效果如下





趕快來製作屬於自己的郵件貼紙吧～
http://services.nexodyne.com/email/index.php

繼續閱讀...

新增Picasa相簿自動播放程式

(20080212更新)
新版的BlogSpot在新增組件時，投影片的功能已經可以根據妳的相簿播放照片^^


(20080203原文)
要如何在你的部落格加上照片幻燈片播放的效果呢？
可以參考這個部落格提供的工具
http://phydeauxredux.googlepages.com/Phydeaux_PWA_Widget_Creator.html

繼續閱讀...

汽車隔熱紙

真是不錯的IDEA，有人真的敢貼上路嗎？
一定會不時的被臨檢吧^^

繼續閱讀...