2007年1月25日星期四

(轉貼)改造裝潢 Blogger！

文章來源:

http://ibenjamin.blogspot.com/2007/01/blogger_26.html

1.26.2007

準備瘋狂改造Blogger，建立良好觀念為首務！

每個玩部落格的朋友，肯定都了解擁有好而充實的文章內容才是部落格最為重要的靈魂，才是王道！就算最最陽春的版型，一旦擁有好文內容，那將勝過華麗百萬倍，卻沒有內容的部落格！

所以充實自己部落格的內容絕對才是第一等課題！

除了努力充實樹立自己文章風格外，當然若能再親手佈置出別具風格別出心裁的部落格外觀，那肯定更能為部落格加分，起碼自己看了開心，訪客也能在更舒服的環境下賞圖閱文！那麼花點時間好好打造打造、裝潢裝潢自己的部落格，也就成了每個部落客的第二重要課題了！

拜Blogger給予使用者極度自由的使用環境，想一展身手隨心打造版型早已絕非難事！好比我的 Ben's部落不及格裡，就完全找不到一絲原始Blogger味，更找不到原始玩意兒，絕對可以完全原創，並且包含所有大大小小的圖標！！

如果部落格上去掉申明 I Power Blogger，再使用指定域名功能，不看原始碼！壓根兒不會知道原來這是Blogger！

然而著手打造裝潢Blogger版型外觀前，個人認為先將需求程度給切割開來是必須的！一如"新增功能"與"外觀美化"，實在不能也不該混為一談，或許事先確認自己能做到什麼程度，進而規劃好將改造到何種程度才是！畢竟部份修改是稍稍需要一些門檻的！不過也甭灰心，並非澆冷水，我們依然可以擇其重點，一步步學習改造！

以下約略概括分為四大項改造進程：

• 為Blogger增添原本未提供之功能（如繼續閱讀、標籤雲、表情等...
• 為Blogger改變不同環境參數（如字體大小、顏色、字間等...
• 為Blogger替換原始版型圖標（如底圖、小圖標、側邊欄圖標等...
• 為Blogger徹頭徹尾改頭換面（改變任何區塊尺寸、色彩與圖像等...

第一項為Blogger增添原本未提供之功能：★☆☆☆☆

此為最基本也是最重要的需求，畢竟當你採用了自由度高的Blogger，會發現與國內其他Blog服務業者不同，Blogger分配僅給你一間配備普普傢具的空屋子，充其量再配些基本衛浴設備罷了！也就是說就讓你得以發圖文、能回應，有分類、有存檔，擁有一個部落格最最基本的功能！

這當然無法滿足所有部落客，所以我們必須想辦法自行添購"高級"傢具！而目前這個部份原本是最為困難的，因為我們不但必須熟悉JavaScript等其他相關程式語法，還要熟透Blogger的一整個版型結構，這對一般人根本難以應付，別說寫...光是看，那比火星文還火星文的東西，哪那麼容易入門，光想都頭痛。

不過拜網路上已不乏有先進大德開疆闢土的提供了很多先進功能與詳細的安裝方法，使得這些門檻極高的東西，如今都變得十分容易處理，透過Google大神或黑米等...極方便取得資訊，甚至於更有熱心朋友將幾乎所有能追加的功能給一整個彙整起來！等於完全不需要具備任何程式語法基礎，只要按步就班，仔細跟著範例步驟好好設定，通常都不成問題囉！

彙整功能參考連結：（服用兩帖，功能追加也就近乎十十全全了）
• New Blogger Hack 大彙整 / 由老男人整理
• 擴充 Blogger 功能: jQuery way! / 由阿土伯撰寫
註：高人的 ID 都這麼經典嗎

第二項為Blogger改變不同環境參數：★★☆☆☆

算是進入改頭換面的第一小步，如果你剛好處在一開始申請Blogger的時候，可仔細在Blogger提供的所有版型中，先慎選自己認為或接近最為滿意的字體大小版型範例，這樣在往後修改時，可以節省很多微調修改的部份！

新版Blogger在後台範本設定處，即內建字型與顏色基本設定功能，可供使用者調整字體大小與部份區塊顏色等等，方便好用，隨改隨看，極適合完全沒有CSS基礎的朋友修改！

但是內建修改顏色與字體的部份並不是所有地方都能設定，一旦遇到管不到的字或顏色，就必須自行進入修改CSS內容才行，而此部份當然就開始必需稍稍具有CSS的認識，千萬別因為這樣就退縮，其實CSS的規則並不真的那麼艱深難懂，這裡我推薦一個清楚簡單介紹CSS各項基本項目的教學網，每個主題皆詳細明瞭介紹，如能花點時間對照瀏覽，相信不用多少時間，你便能由Blogger中的CSS辨別出到底哪些在寫些什麼，又在控制什麼！

一個重點：版型中掌管CSS控制的語法規則，通通夾在<b:skin>與</b:skin>之間，在這之後大可先不須理會！

CSS入門教學連結：（詳讀觀看，會發現CSS其實也沒那麼複雜）
• CSS Tutorial Traditional Chinese
CSS深入應用連結：（來自外國各式精彩CSS演試）
• 53 CSS-Techniques You Couldn't Live Without
註：不懂的看入門，熟透的取應用！

第三項為Blogger替換原始樣版圖標：★★★☆☆

現在開始要進入進階步驟的開端囉，首先你必須開始具備繪圖的能力，好！可能你會說糟糕根本不會繪圖，由於我們僅要變換每種版型的內建圖案，所以可以直接透過不少網站上眾多的圖標，下載來直接套用，至於重點是要如何找出相關圖標在版型CSS中的位置，其實並不那麼難。

在上一項我們已經透過CSS教學網站稍稍有了CSS初步概念（什麼還沒去學∼撲！還不快去∼切∼），自然也就可以推敲出原始版型多會透過Background:這個CSS命令來置放所有版型圖檔，所以我們只要進到CSS中，對照找出不同位置的Background:來，也就可以找到每一原始圖標的出處，再透過無論是自己繪製，或網路下載的任何圖標，上傳到任一自己的網路空間(如Googlepages)，取得連結路徑再將該對應的url路徑位置給換成新的路徑便算完成！

如果你懂得使用軟體自行繪製或修改圖檔，這裡提供一個保險換圖的小撇步，假設你不知或擔心新圖檔是否適合原始設定，可將Background:內的原始路徑圖標抓下來，再直接用繪圖軟體開啟修改，這樣便可不須擔心圖檔大小是否合適的疑慮！

各式圖標挖寶連結：（不須像我通通自己畫，找出適合自己的圖標）
• Xicons
• Iconfactory
• Everaldo
註：再去站裡的連結，又能連結到更多圖標網站，多到脫窗！

第四項為Blogger徹頭徹尾改頭換面：★★★★★

進入完全進階的修改項目，開始準備完整獨立量身打造Blog外觀，到這邊門檻就開始來了，首要基本條件，你必須熟悉對每個區塊大小、間隙以及顏色、層級等CSS應用規則，再來既然要改頭換面，不同的版型結構，當然就要繪製完全吻合結構的圖檔來好好襯托，所以擁有繪製任何狀態需求下的圖檔能力與熟悉相關繪圖軟體，也成了必要的條件之一，當然最重要的除了懂得運用繪圖軟體，不可避免的更要有天馬行空創意無限的腦袋，完成"發想設計版型外觀"的基本任務！

當然既然機車門檻處在腳邊，在外觀設計與繪製如果不是相關科系或對繪圖極有興趣者，可能難以短時間克服這個部份。

不過！至少在不須完全汰換或追加外觀下，只要熟讀CSS規則教學的講解，配合對照版型內的每個區塊，依然還是可以修改出完全不同以往版型的樣式，無論如何你可以不懂JavaScript，不熟製作網頁，但請試著摸透CSS基本規則，這絕對是改造Blogger版型最基本且重要的課題。

一個重點：透徹了解什麼是 margin: , padding: ,  border: , background: , position: 你的改造計畫就算成功一大半！！

華麗CSS版型連結：（沒有idea不打緊，看看別人巧思創意找靈感）
• CSS Beauty
• CSS Vault
• CSS REMIX
• Netcocktail
註：好站實在太多，讓各位慢慢欣賞找靈感！

修改與打造版型原本就是瑣碎冗長，且吃力不討好的工作，如果不是極熟練CSS等規則，還是必須要經過反覆不斷的修改與測試！最重要的是，無論你對自己的改版能力多麼的有信心，改版前的備份可千萬馬虎不得！！

2007年1月22日星期一

英國 1英鎊長途巴士

From London to anywhere in the UK !

http://www.megabus.com/uk/timetables/

2007年1月21日星期日

(轉貼)想改blogger的版面必看

文章來源:

老男人の部落格

想改blogger的版面必看

想改blogger的版面必看(這是一個對岸的博客提出的匯總，對學習非常有幫助)

Blogger Beta hack 匯總

導航欄
優化Blogger導航
添加導航欄
"導航功能表式的分類"——擴展版
"導航功能表式的分類"

模版效果
圖片解剖Blogger beta模板代碼
一分鐘修改頁首圖片
隱藏NavBar，添加站內搜索
添加公告欄
解決部分帖子在IE下無法顯示的HACK
高亮作者評論
讓你的鏈結更迷人一些——Sweet Titles
添加捲軸
自定義Blog�堛漱犍�
帶有按鈕效果的圖片或鏈結
"Top of Page"、"Top of post"
把模板修改爲三欄
隨機顯示頁首圖片（Banner）

簡化顯示
標題形式顯示所有文章
"簡潔的搜索/標簽結果"
Blogger beta收縮/展開文章
讓某一項只在首頁（非首頁）顯示
"折叠Beta——顯示摘要"
存檔/標簽頁僅顯示標題

"下拉標簽/分類"
在側邊欄展開/收縮欄目

RSS/Feed
改變/隱藏Feed訂閱地址
Blogger beta標簽的RSS
輸出評論

SEO
提交Google Sitemaps
頭資訊優化

標簽類
下拉功能表形式的標簽
Blogger beta Hack:爲標簽添加說明

標簽Widget
添加標簽雲

其他
合併多個Blogger帳號
在單獨貼子中添加JavaScript代碼
如何在帖子中添加代碼

2007年1月15日星期一

web2.0時代的教育新路

明天（16日）受邀到中央大學與松濤部落工作團隊的師生對話，松濤部落希望以網路平台增進師生多元交流、創新校園文化。以下是我剛剛擬好的講綱：

我曾在2004年10月寫過一篇題為〈部落格在教育上的運用〉的文章，探討部落格如何作為教學輔助媒體；兩年多過去了，以部落格為代表的web2.0科技不斷推陳出新，使用者也以等比級數的速度在增加，在人與科技相互激盪下，今天的web2.0不再只是教學輔助媒體，而已成為改變教育和學習形態的重要力量。

web2.0，根據歐萊禮（Tim O'Reily）的定義，是指「匯集群體智慧的網路運用」；用詹宏志的話說，web2.0的核心在於使用者不再止於被動的「下載和閱讀」，而可以主動的「上傳和分享」。換言之， web2.0是一個集體參與、相互分享、打破成規、共同受惠的時代。社會如此，教育亦然。師生關係將從上對下的單向教導，轉為平等互惠的多向對話，教室與實體世界的界線也將模糊化，教育可以在更真實的情境中多樣展現，不再只是封閉式的課堂聽講。

這一切是人、工具和社會互動的結果。web2.0提供的教育工具包括：部落格、wiki（如pbwiki）、社會書籤（如 HEMiDEMi）、網路相簿（如flickr、Picasa）、podcast、影音部落格（如YouTube）、互動論壇（如Google網上論壇）、RSS瀏覽器（如Bloglines、Google Reader）、速記本（如Twitter）。這些工具個個易學易用，各有專攻，又容易相互組裝，相輔相成，老師和學生個人都可以用這些工具吸收多方資訊、與各方對話，當師生共同使用時，更讓師生關係、教與學的模式產生重大變化。

根據我個人的經驗和觀察，我認為web2.0對老師知識的增長、對學生學習的方式、對師生互動的形態，都產生重大的影響。對老師而言，web2.0 可以作為知識管理的工具、多方對話的媒介；對學生而言，web2.0可以作為垂直學習的便捷管道、水平學習的開放平台；對師生協同合作而言，web2.0 可以作為知識創新的實驗室，也可以作為社會行動的根據地。以下逐一討論：

一、教師的知識管理中心

教師可以用twitter來記錄生活點滴，用pbwiki來存放教學大綱和教學研究文獻，用網路相簿來儲存和分享教學演講的圖例，用HEMiDEMi來彙整讀過的好文，然後用部落格整合這些工具，建構成個人媒體和知識管理中心，在上面記錄、儲存、更新教學、研究、閱讀、思考所得。

在記錄、儲存、更新知識的過程中，教師自然會和部落格族群高度互動，逐漸跳出學術陳窠，用更年輕、更又創意的語言和形式來進行知識傳播，如台大孫瑞穗教授將課程目的寫成：「讓我的舌頭將你那已枯竭殆盡的靈魂勾引出來，並希望修課同學能通過課程教材從這從小懲罰你有如屠宰場般的教室裡將你的身體贖回去！」

二、教師的多方對話媒介

當一個老師將自己的學思筆記和教案送上網路時，對話就會發生。教師不僅跟學生對話、也跟教師同儕對話、跟同領域的專家對話、跟社會大眾對話。在對話過程中，教師不再是教室裡至高無上的知識天皇，而僅是知識天地裡的一個學習者，他/她和各方平等交流訊息、觀點、教材和教法，也接受各方對他/她的讚譽、批評、補充和建議。

這讓教師的知識來源，從讀書、研究、思考，擴及到學習群體智慧、分享群體資源。例如，我從網友的回饋中得到許多知識新線索，也藉由將大約兩百個優格加入Google Reader而隨時掌控新聞傳播領域的業界動態、研究線索和公眾觀點。

三、學生的垂直學習捷徑

教師的部落格，既是教師個人的知識管理中心，也是學生課前課後學習的便捷管道。教師可以在此儲存授課綱要和補充教材，方便學生預習和複習；也可以匯集課程相關網站，編繪知識地圖，讓學生按圖索驥、自行學習；還可以超越課程範圍，列出自己讀過的好文、看過的好站，公布自己的RSS瀏覽清單，幫助學生更廣泛地學習。

部落格的回應功能，還可以讓學生隨時在此提問或回應，讓教室裡的討論得以延伸、深化，讓沒時間或不敢問問題的學生有機會在網路上具名或匿名發言；若不希望所有討論公開，也可以設立Google網上論壇，進行師生間的閉門對談。

四、學生的水平學習平台

網路除了提供學生和老師學習的管道外，更重要的是打破教室界線，讓學生能夠跟同學、跟在校和畢業的學長姊、跟別校修同樣課程的學生，甚至跟社會大眾進行互動學習。

要營造這樣的水平學習平台，教師可以在教學部落格上儲存歷屆學生的優秀作業、重要活動的企劃書，以及學習歷程和心得（如實習週記），讓學生能夠觀摩前人的經驗，在前人的基礎上繼續前進。輔大新傳系我是聰明的大一新傳寶寶、生命力知識管理系統、生命力編採論壇都有助於新一代學生的學習。

此外，建構系友部落格群組，也有助於在校生和畢業生的互動學習；向學生說明學門發展現況，讓學生知道哪些學校、那些系所開設類似課程，也能鼓勵學生前去觀摩。

五、師生的知識創新實驗室

web2.0漸漸消弭師生在知識學習過程中的尊卑關係、以及教室內外界線。更重要的，web2.0提供取之不盡的工具，讓師生可以設計一個個實驗來實踐和修正知識。

例如，我授課的主題之一是「記實避禍」，也就是如何在報導事實的同時避免得罪權貴而惹禍上身，這是職業記者在面對黑道、廣告主、報老闆時常碰到的難題，但學生缺乏社會歷練，很難體會；直到有一組學生在系上製作仿效《壹週刊》的網站，要罵老師怕被當、要罵學會幹部怕傷同學感情、要公布班對怕見光死，他們才體會新聞報導的現實困境，以及下筆分寸拿捏的重要。

此外，web2.0也讓我們可以實驗許多以前做不到的事。例如，傳統的新聞教育主要在培養學生寫好一篇新聞、編好一個版，現在則可以帶著學生用免費而強大的web2.0技術做出超越大眾媒體的新網站；也可以進行報導題材、寫作文體、運作形態（如用pbwiki開線上會議）的種種實驗，並從實驗中不斷深化、反省、改良、修正既有作法。

換言之，藉助web2.0工具，人文社會科學教師也可以像自然科學教師一樣，擁有自己的實驗室，進行各種理論和實務的測試、檢驗和創新。

六、師生的社會行動根據地

師生不僅可以用web2.0工具來營造知識創新實驗室，還可以進一步攜手推展社會行動。例如，傳播科系師生參與的媒體改造學社，用網站和網上論壇來交換觀點和協調行動；又如宜蘭的教師用部落格來記錄行動歷史、建構鄉土史地實踐社群。

不僅如此，師生也可以用web2.0來創業。例如，歐洲的LanguageLine公司，利用Skype多方通話功能，提供一五○種語言的同步口譯，廣受歡迎，台灣翻譯研究所師生可以發展類似模式創業。其他系所師生，也可以善用web2.0工具提供的機緣，開創兼顧專業、創意、市場的新事業。（經濟部技術處「Web 2.0創新服務推動計畫」正在舉辦大學生創業選秀活動，希望帶動web2.0創業風潮）

以上所談，僅是我個人的經驗和觀察。這兩年，台灣的教育部落格風起雲湧，去年初就有人整理出教育百大部落格；上個月底，第二屆華文部落格大獎揭曉，獲得大獎和獲得推薦的「教育應用」類部落格，個個讓人驚豔。這些部落格，展現台灣教師活用web2.0的能力，以及學習的熱情、教學的熱忱、教法的創意。他們所展現的教師群體智慧，比我這篇講綱，更值得參考和學習。

2007/1/15 | Permalink

2007年1月14日星期日

Free Layout

http://www.freelayouts.com/templates/browse/Web_Templates

(轉貼)Alexa排名优化文章分?列表

原始文章:

http://www.cn-seo.cn/Alexa/Alexa.htm

Alexa排名优化文章分类列表

域名空间注册请联系QQ:452883114

1	影响网站排名的基本因素	2006-12-21
2	把Alexa工具条改装成木马	2006-12-21
3	任意修改大网站在Alexa说明教程	2006-12-21
4	Alexa使用技巧	2006-12-21
5	关于Alexa 排名	2006-12-21
6	什么是Alexa?	2006-12-21
7	SEO工具	2006-12-21
8	如何在你的网站显示各种Alexa世界排名的代码	2006-12-21
9	如何向Alexa提交你的网站	2006-12-21
10	Alexa网站排名系统及其在网络营销中的应用（3）	2006-12-21
11	如何向Alexa提交你的网站图片	2006-12-21
12	辩证地看Alexa:阿里巴巴是怎么做上老大的?	2006-12-21
13	ALEXA全攻略(上)	2006-12-21
14	ALEXA全攻略（下）	2006-12-21
15	Alexa数据在中国被"强奸"	2006-12-21
16	学会阅读ALEXA报表	2006-12-21
17	如何提高alexa排名-提高alexa排名全攻略	2006-12-21
18	Alexa使用指南	2006-12-21
19	Alexa网站排名系统及其在网络营销中的应用（2）	2006-12-21
20	Alexa 世界网站排名作弊简单方法	2006-12-21
21	学会深入阅读ALEXA报表	2006-12-21
22	Alexa的世界网站排名主要分两种	2006-12-21
23	什么是Alexa世界排名？	2006-12-21
24	Alexa网站排名系统及其在网络营销中的应用（1）	2006-12-21
25	alexa.com世界排名提交。包括图片更新！	2006-12-21
26	众互联网公司引用ALEXA网站排名对比	2006-12-21
27	内幕调查：Alexa排名作弊手法大全（连载二）	2006-12-21
28	Alexa世界排名作弊分析	2006-12-21
29	内幕调查：Alexa排名作弊手法大全（连载三）	2006-12-21
30	内幕调查：Alexa排名作弊手法大全（连载一）	2006-12-21

页次:1/5 每页:30 共计:130 9 3 1 [2] [3] [4] [5] 4 :

(轉貼)Google AdSense富翁排行榜

原始文章網址:

http://b.thec.cn/nocolor/weblog/article.asp?id=27

Google AdSense富翁排行榜最猛每月赚30万美元

作者:nocolor 日期:2006-12-10

字体大小: 小中大

据华盛顿邮报、纽约时报、雅虎及其它媒体综合资料,Google AdSense推出至今已经让很多人取得了丰厚的收入,而全球Google AdSense发布者中有8位的收入明显超过了其他人,顶尖交友网站PlentyOfFish.com的站长Markus Frind,每月可从Google AdSense获利30万美元.以下是这些发布者的排名.

1.顶尖交友网站PlentyOfFish.com的站长Markus Frind，每月从Google AdSense获利30万美元。