網頁版：http://goo.gl/swYLM
Google 文件：http://goo.gl/FGHK8
FB 討論串：http://goo.gl/ruYQz
完全不懂 JS 的新手入門讀物整理
PTT Ajax 版主 TonyQ 整理的 Javascript 讀物收集
網頁版：http://goo.gl/swYLM
Google 文件：http://goo.gl/FGHK8
FB 討論串：http://goo.gl/ruYQz
網頁版：http://goo.gl/swYLM
Google 文件：http://goo.gl/FGHK8
FB 討論串：http://goo.gl/ruYQz
推薦部落格線上檢測分析網站──WooRank
推薦的原因如下：
1. 畫面簡潔清爽
2. 中文支援度非常高
3. 除了列出需要改進的項目，也附上建議改進的步驟。
大部分的這類線上檢測網站，都是英文介面居多，Google 官方也有檢測網站：https://developers.google.com/speed/pagespeed/insights 不過感覺 WooRank 用起來介面比較友善，兩者可以交互使用看看。
這個網頁有 WooRank 大略的操作說明：http://www.freegroup.org/2011/06/woorank/
不過這篇文章當時可能還沒有中文介面，所以文章的圖片是英文版的。
1. 畫面簡潔清爽
2. 中文支援度非常高
3. 除了列出需要改進的項目，也附上建議改進的步驟。
大部分的這類線上檢測網站，都是英文介面居多，Google 官方也有檢測網站：https://developers.google.com/speed/pagespeed/insights 不過感覺 WooRank 用起來介面比較友善，兩者可以交互使用看看。
這個網頁有 WooRank 大略的操作說明：http://www.freegroup.org/2011/06/woorank/
不過這篇文章當時可能還沒有中文介面，所以文章的圖片是英文版的。
Website Review - SEO Tool | WooRank.com
WooRank is the most popular Website Review and SEO Tool. Run a free Review. Then create an Advanced ...
Yahoo 廣告經驗談
Yahoo 也是有門檻的部落格廣告商，本文作者提供了他的經驗，在還沒達到門檻之前便申請成功。
不過後來原作者還是撤下了 Yahoo 廣告，原因是請款後三個月才能領到錢，非常的麻煩。
不過後來原作者還是撤下了 Yahoo 廣告，原因是請款後三個月才能領到錢，非常的麻煩。
我如何申請到Yahoo!奇摩的YSM&DR廣告 | 跟著工作熊玩賺部落格
延伸閱讀： 如何在BlogAD賺到錢六個方法教你如何在BloggerAds部落格廣告賺到錢如何申請BloggerAds部落格廣告聯盟會員...
如何引用他處網頁內容與 Google 搜尋引擎的關係
+Betty Barmaid 之前的討論串https://plus.google.com/116745527289741023490/posts/8dcGSzqxxLT，詢問如何引用他處文章。從回應來看 betty 選擇了較簡便的操作方式：先確認原文同意的轉載方式，再使用「複製貼上」到自己的文章。
後來想起以前看過一篇文章 ( http://www.mybloggertricks.com/2012/10/quoting-on-your-website.html )，內容是關於 Google 搜尋引擎如何處理「複製貼上」的內容，覺得這篇很有參考價值，可讓大家瞭解 Google 的作法，以免有注意 SEO 的成員不小心踩了 Google 的底線。如果在意部落格文章內容是否會出現在 Google 搜尋結果的話，以下為摘要重點翻譯、穿插自己心得：
Google 花費很多心思在建構「各種的演算法」，來 "處理" 「重組、複製的文章內容」；當然，Google 鼓勵原創，這是對於原創者的一種尊重。
在一般正常的情況下，人們只會複製想引用的部分段落，此為引用的原意。在這種使用方式之下沒什麼好怕，只要有「 原始出處的連結 」，credit(榮譽) 將留給該得的人。不過要注意的是，另外還得將「引用內容」放在 <blockquote> 標籤之內，這麼做是在幫助 Google 判斷哪些文字是「引用內容」，而非「抄襲」。不清楚 HTML 標籤如何使用請參考以下：
<blockquote>....引用內容....</blockquote>
相信在合理的引用、轉載使用下，都不會受到 Google 演算法的處罰。只是當部落格想要衝流量、累積廣告收益時，很可能為了增加部落格文章數而產生了 Google 演算法認定不合理的行為。
全文轉載不用說，很容易就會被 google 從資料庫中，比對出是複製的內容；引用內容比例過多、自己創見比例太少，文章內容將很難被 google 打高分，意思就是搜尋排名不會高；個人想法是，如果想藉著複製而得到好處，我們想得到的方法, Google 的頂尖菁英不會想不到；Google 的演算法鼓勵我們在文章中儘量增加自己的原創內容。
Google 嘗試著將一切機制導向合理的創作與運作，在此嘗試做個小結：
1. 引用內容放在 blockquote 標籤，避免被判定為複製內容。
2. 引用內容前後必須加上 原文連結 。
3. 引用內容比例不宜過多
4. 原創內容 多於引用內容是比較合理的。
5. 網站出現複製內容，對網站排名會有不好影響(當然，影響有多大只有知道演算法才能瞭解)。
後來想起以前看過一篇文章 ( http://www.mybloggertricks.com/2012/10/quoting-on-your-website.html )，內容是關於 Google 搜尋引擎如何處理「複製貼上」的內容，覺得這篇很有參考價值，可讓大家瞭解 Google 的作法，以免有注意 SEO 的成員不小心踩了 Google 的底線。如果在意部落格文章內容是否會出現在 Google 搜尋結果的話，以下為摘要重點翻譯、穿插自己心得：
Google 花費很多心思在建構「各種的演算法」，來 "處理" 「重組、複製的文章內容」；當然，Google 鼓勵原創，這是對於原創者的一種尊重。
在一般正常的情況下，人們只會複製想引用的部分段落，此為引用的原意。在這種使用方式之下沒什麼好怕，只要有「 原始出處的連結 」，credit(榮譽) 將留給該得的人。不過要注意的是，另外還得將「引用內容」放在 <blockquote> 標籤之內，這麼做是在幫助 Google 判斷哪些文字是「引用內容」，而非「抄襲」。不清楚 HTML 標籤如何使用請參考以下：
<blockquote>....引用內容....</blockquote>
相信在合理的引用、轉載使用下，都不會受到 Google 演算法的處罰。只是當部落格想要衝流量、累積廣告收益時，很可能為了增加部落格文章數而產生了 Google 演算法認定不合理的行為。
全文轉載不用說，很容易就會被 google 從資料庫中，比對出是複製的內容；引用內容比例過多、自己創見比例太少，文章內容將很難被 google 打高分，意思就是搜尋排名不會高；個人想法是，如果想藉著複製而得到好處，我們想得到的方法, Google 的頂尖菁英不會想不到；Google 的演算法鼓勵我們在文章中儘量增加自己的原創內容。
Google 嘗試著將一切機制導向合理的創作與運作，在此嘗試做個小結：
1. 引用內容放在 blockquote 標籤，避免被判定為複製內容。
2. 引用內容前後必須加上 原文連結 。
3. 引用內容比例不宜過多
4. 原創內容 多於引用內容是比較合理的。
5. 網站出現複製內容，對網站排名會有不好影響(當然，影響有多大只有知道演算法才能瞭解)。
If I quote another source, will I be penalized for duplicate content?
Is it safe to quote from another website? Does Google penalize for copying quotations? The much-aske...
寫BLOG 到底是文字在上面 還是圖片在上面?
突然想到一個問題(其實我煩惱很久)
一般人寫BLOG
到底是文字在上面 圖片在下面
或者是先放圖再加敘述?
雖然沒有硬性規定 但是以閱讀者而言 哪種比較順?
Shu-Yuan Tien
好像跟習慣也有關係，我自己是把圖片敘述放在圖下方
莊小示
受到寫論文的影響.... 表上圖下
Wayne Fu
我也有這個困擾過，還是不清楚那個才正確，而我的習慣也是圖在上、敘述在下。
不過參考了 +esor huang 的部落格，是敘述在上，圖在下，由於 esor 大從事出版社，應該是有其道理才是！
Niko Lu
所以還是各有所好，我也習慣圖上字下
許涵婷
我是字上圖下，因為先看文字再看圖比較有感覺！
Mark X
以主從分吧?
如教學或文字為重點, 圖解為副, 放在主文的下方或側邊.
但如果是照片集為主; 我就會把敘述當說明放在燈箱提示或是照片下方當副屬.
Wayne Fu
+Mark X 這個觀點很不錯!
Ad Fan (廣告小妹)
Mark + 1～ 我是文字在上圖在下，除非我寫的是教學文（會在圖片下方打個往上指的箭頭，代表我講的是這張圖）
一般人寫BLOG
到底是文字在上面 圖片在下面
或者是先放圖再加敘述?
雖然沒有硬性規定 但是以閱讀者而言 哪種比較順?
Shu-Yuan Tien
好像跟習慣也有關係，我自己是把圖片敘述放在圖下方
莊小示
受到寫論文的影響.... 表上圖下
Wayne Fu
我也有這個困擾過，還是不清楚那個才正確，而我的習慣也是圖在上、敘述在下。
不過參考了 +esor huang 的部落格，是敘述在上，圖在下，由於 esor 大從事出版社，應該是有其道理才是！
Niko Lu
所以還是各有所好，我也習慣圖上字下
許涵婷
我是字上圖下，因為先看文字再看圖比較有感覺！
Mark X
以主從分吧?
如教學或文字為重點, 圖解為副, 放在主文的下方或側邊.
但如果是照片集為主; 我就會把敘述當說明放在燈箱提示或是照片下方當副屬.
Wayne Fu
+Mark X 這個觀點很不錯!
Ad Fan (廣告小妹)
Mark + 1～ 我是文字在上圖在下，除非我寫的是教學文（會在圖片下方打個往上指的箭頭，代表我講的是這張圖）
怎麼把新聞崁入在自己的文章中？
想在這裡請教一下各位前輩：（這或許是個笨問題, 但我爬文有夠久還是沒有找到相關解答, 故在此斗膽發問啦^^）如果我想要在自己的文章中提到某某新聞內容, 並有該新聞內容的網址, 請問該怎麼把這新聞崁入在自己的文章中？是用畫面截取工具嗎？
我想我比較想要的, 是將很多相關的報導証篇（或部份）崁入文章, 可以減少讀者點超連結的時間。
有時候, 我看到很多很棒的新聞想要分享, 也都只能分享到facebook, twitter這些地方, 而不能分享到blogger.
我想我比較想要的, 是將很多相關的報導証篇（或部份）崁入文章, 可以減少讀者點超連結的時間。
有時候, 我看到很多很棒的新聞想要分享, 也都只能分享到facebook, twitter這些地方, 而不能分享到blogger.
Meta data的 description跟 keyword
不好意思 之前我想在我的部落格更新Meta data的 description跟 keyword看了一些雜七雜八的文章後亂貼了一堆程式碼進去head 可以請問一下wayne大這段程式碼可以表現出我想呈現的嗎
1.我首頁的description填 <meta content='IOS Android 手機app遊戲 Blood brothers 的網誌 每週最新 Event 新手教學 討論區 trade 交易 以及 最新的pact更新 怪獸進化攻略' name='description'/> 這會跟我再後台設定中繼標記衝到嗎
2.<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/> 這段是說我所有的文章發表都是用該網誌文章的page name當keyword跟dscription嗎
3.<meta content='Blood Brothers, 交易, 攻略, 教學, event, 小技巧, 每日一角, RPG, 遊戲, 討論區, trade, 融合, Bloodbrothers, 怪獸, 進化, evolution, tips, pvp' name='keywords'/>這個是我希望首頁被搜尋的關鍵字這樣對嗎
4. <b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> @ <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>這段是說我的文章標題在前 網誌title在後對嗎
以下附上原始碼
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/></title>
<b:include data='blog' name='all-head-content'/>
</b:if>
<meta content='IOS Android 手機app遊戲 Blood brothers 的網誌 每週最新 Event 新手教學 討論區 trade 交易 以及 最新的pact更新 怪獸進化攻略' name='description'/>
<meta content='Blood Brothers, 交易, 攻略, 教學, event, 小技巧, 每日一角, RPG, 遊戲, 討論區, trade, 融合, Bloodbrothers, 怪獸, 進化, evolution, tips, pvp' name='keywords'/>
<meta content='How Ian' name='author'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> @ <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/>
<b:skin><
可以參考一下勾選這個功能
在使用外部連結的時候
可以考慮勾選rel="nofollow"
至於這樣是否能討好搜尋引擎
就見仁見智了.
--
參考：
http://support.google.com/webmasters/bin/answer.py?hl=b5&hlrm=en&answer=96569
冼家緡（Leo Sin）: 和SEO有什麼關係呢?
Niko Lu: 連到一堆瀏覽率低、或者是一陣子後掛掉的網址
都會導致分數降低
Ad Fan (廣告小妹): 有很多部落客的文章數量超過 500 篇，於是可以盡情地在文章中穿插 N 個 interlink（連接到自己的其它文章）。Google 自從 Panda Update 之後，強烈反對這種高頻率 interlink 的行為（因為很多人是為了衝 pagerank 以及 SERP）。所以如果文章中 interlink 了自己的其它篇文章，請記得勾選「新增 rel=nofollow 屬性」，不然排名時會被 Google 扣分 。
如何為圖片加框
這篇文章滿實用的，圖片加不加框的確差別很大。當圖片背景與網頁背景雷同時，版面的效果就很差。作者還詳述了各種背景色時，應該採用何種效果的框線、陰影效果等，可以讓自己的文章大大加分。
文章說明完了概念，要如何實現，就得有一些基本的 CSS 語法知識才行。把想要的效果，在範本中的 CSS 區塊，加入文章內 img 元素的敘述就行了。
(http://dclick.cc/2013/02/01/add-border-to-images/ )
文章說明完了概念，要如何實現，就得有一些基本的 CSS 語法知識才行。把想要的效果，在範本中的 CSS 區塊，加入文章內 img 元素的敘述就行了。
(http://dclick.cc/2013/02/01/add-border-to-images/ )