Comments

設定Blogger內建標籤雲的文字大小和顏色

果

不其然，下班一回來就看到Amanda大大對這個功能做了介紹和教學，畢竟內建了這個功能對Blogger來說可是大事一件，而且她也簡單介紹了之前我說的標籤雲缺點，就是無法自行設定文字大小和顏色，現在她也提出了解決的辦法，就是自己新增CSS語法來修改。





首先CSS的語法名稱內容如下：

CSS語法
.label-size-1 a 最小的字型
.label-size-5 a 最大的字型


數字1代表最小的文字，數字5代表最大的，接下語法的內容就各憑喜好修改了。

像是最大的字型我寫成這樣

CSS語法
.label-size-5 a {
color: #FF3300;
font-size: 18px;
text-decoration: none;
}


也可以設定滑鼠移到上面的樣式

CSS語法
.label-size-5 a:hover {
font-size: 20px;
text-decoration: underline;
}


完全就是亂改亂寫一通XD，由於我實在是個配色白痴，自己上網找了配色表來改，結果就變成了四不像的七彩霓虹燈啦..哈哈XD。Amanda大大表示近期內她會寫更詳細完整的介紹教學喔，敬請期待。


來源網站：http://www.bloggerbuster.com/2009/08/improved-label-gadgets-now-supporting.html


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 於 星期三, 八月 26, 2009
這篇文章讓你覺得： 

Comments

Blogger推出標籤雲功能啦！！

來

自官方部落格的消息，這個幾乎所有第一次玩Blogger的人都會安裝的Label Cloud功能，現在官方直接推出內建的功能了，不需要再去麻煩的改CSS和Javascript了，用內建的也比較快啦XD，但目前只有顯示標籤雲和簡單的選擇要顯示的標籤功能，沒有客製化標籤文字顏色和大小的功能，這有點可惜，不用擔心..說不定以後會有高手們寫出修改版。





到『版面配置』→『網頁元素』裡，新增一個網頁元素，找到『標籤』這個工具。


在選項裡可以選擇要顯示的標籤，『雲端』的意思就是標籤雲了。


也可以選擇要顯示的標籤喔！



來源網站：Blogger Buzz


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 於 星期三, 八月 26, 2009
這篇文章讓你覺得： 

Comments

Google Chrome 3 beta版新增更新佈景主題功能！


目

前只能在3.0beta版才能使用這功能，一樣延續Google Chrome簡單樸素的風格，沒有華麗的安裝介面，當然也沒有管理介面...囧，當然要移除還原也是很麻煩...更囧，有興趣的話就玩玩看吧。

首先要先下載Google Chrome 3.0 Beta版，或是Google Chrome 3.0 Developer Preview開發測試版。





然後在Google Chrome 3的『選項』頁面，就會看到『Personal Stuff'的分頁選項，按下『Get themes'就會連到Google Chrome的佈景主題頁面了，『Reset to default theme'則是還原回原來的佈景主題。


選擇選歡的佈景主題之後，點選『Apply theme'就會下載一個.crx的檔案下來，執行就會自動安裝了。


如果要管理佈景主題的話，在Google Chrome的網址列輸入『chrome://extensions'，就可以看到了。如果想要自己設計佈景主題的話，可以參考這篇，Google的開發者文件有很詳細的介紹。


參考網站：Google Chrome Themes Gallery


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 於 星期五, 八月 07, 2009
這篇文章讓你覺得： 

Comments

用手機鈴聲來防蚊？


看

到這玩意還蠻有意思的，其實很久以前就已經有國人寫出類似的軟體，就是利用某些高頻率的聲音來驅趕蚊子，不過這次有人錄製了聲音檔並轉成MP3，頻率範圍從8kHz到22kHz之間，要注意你的手機喇叭是否有支援到這範圍，而且有些高頻音對人耳還蠻刺耳的，有些則是聽不到 ，請選擇適當的下載。



抗蚊鈴聲
Download MP3 | 08 kHz | Everyone
Download MP3 | 10 kHz | Below 60 years
Download MP3 | 12 kHz | Below 50 years
Download MP3 | 14 kHz | Below 45 years
Download MP3 | 15 kHz | Below 40 years
Download MP3 | 16 kHz | Below 24 years
Download MP3 | 20 kHz | Below 24 years
Download MP3 | 21 kHz | Below 20 years
Download MP3 | 22 kHz | Below 20 years



另外也可以試試這套軟體：SEA_antimosquitoes_xp_2。




參考網站：Anti Mosquito Ringtone, The Best Mosquitoes Repellent Device And System


 read more...
標籤： , 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 於 星期五, 八月 07, 2009
這篇文章讓你覺得： 

Comments

『IE6 No More'，替網站加上不再使用IE6的標語


尤

記得很久以前我也介紹過類似的玩意，也是在網站內加入一段語法，只要IE6的使用者進入網站後，就會出現一段建議使用者升級瀏覽器的標語，可是不久之後有網友通知我，該網站已經消失而且很神奇的是，原本的網址竟然自動轉到『微軟』的網站去了，看來是被微軟給買下了，至於是否有陰謀論呢？哼哼...這就不的而知了。

更新：找到文章了，是這篇『請救救網站開發者，向IE6說不』，該網址又變成別的網站了，而且似乎沒有在使用的樣子。



現在這個網站IE6 No More也是同樣的東西，只要在網站裡加入這段語法，IE6的使用者進入後就會在網站上方看到這段提醒，沒有IE6的人可以抓IETester來試試看。

在Blogger平台的使用方法，我試過用網頁元素新增語法似乎行不通，只能寫在模板的語法內，而且是在body的正下方，剛載入馬上執行才偵測的到，安裝方法如下：

找到你的<body>標籤，在下方寫入以下語法就行了。

語法
<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
</div>
<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
<div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
</div>
</div>
<![endif]-->


安裝玩的樣子就像這樣：



官方網站：IE6 No More


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 於 星期四, 八月 06, 2009
這篇文章讓你覺得： 

訂閱： 文章 (Atom)
Back To Home Subscribe My Post Subscribe My Comment Large Font Size Default Font Size Small Font Size Sign in Blogger Sign in Draft Blogger Follower Me! Follower My Twitter! Follower My Plurk!