從 Wordpress 匯入 Blogger 的文章，部落格搬家過程紀錄

這裡紀錄我如何從 WordPress 中匯入 Blogger 部落格上面的文章，更換部落格平台的過程。

如果您是使用 Blogger 寫文章的部落客，想要嘗試更換部落格平台的話，WordPress 是一個不錯的選擇，其使用者族群廣大，支援的套件也很多，以下是我個人嘗試自己架設 WordPress 部落格，將 Blogger 搬家至 WordPress 的過程。

Sharrre：可以自己設計社群分享按鈕的 jQuery Plugin

Sharrre 是一個可以讓你自己設計社群分享按鈕的 jQuery plugin，透過 CSS 的設定讓按鈕可以符合網站整體風格。

現在的網站都會放置一些社群網站的分享按鈕，例如 facebook 、 twitter 或 Google+ 等，不過因為各家的分享按鈕都有些差異，而且也不見得可以跟自己的網站風格搭配。

Blogger 部落格自定網址經驗分享與重點整理

這裡紀錄了我的 Blogger 部落格自訂網址的過程，跟大家分享更換網址的經驗。

G. T. Wang 部落格原始的舊網址為 sealmemory.blogspot.com，但是因為這個網址有點長，而且中國大陸地區也無法瀏覽，所以才將其更換為 www.gtwang.org 這個新網址。

修正中國大陸看不到 Blogger 部落格圖片的問題（Picasa 空間）

這裡介紹如何使用簡單的 jQuery 程式，自動修正中國大陸地區無法看到 Picasa 圖片的問題。

Image Credit: Chris UK

中國大陸因為防火長城（Great Firewall）的限制，導致許多網站在大陸都無法被瀏覽，其中也包含很多知名的部落格與社群網站（如 Blogger、facebook、twitter 等），對於中文網站而言，無法讓大陸的網友閱覽其實是很可惜的。

新 Blogger 部落格網址登錄搜尋引擎，並提交網站地圖（Sitemap）

這裡介紹如何將新的 Blogger 部落格網址登錄至各大搜尋引擎並提交網站地圖（sitemap），增加網站的曝光率。

如果是新成立或是剛剛變更網址的網站，在搜尋引擎中是找不到到，這時候就要將網站的網址登入至各大搜尋引擎，才能夠讓網站出現在一般的搜尋引擎中。以下整理了一些各大搜尋引擎登錄網站的資訊，以及如何提交 Blogger 部落格網站地圖的教學。

Blogger 部落格自定網域名稱（Domain Name）與網址教學（使用 Godaddy）

這裡介紹如何自己設定 Google Blogger 部落格的網域名稱，讓部落格使用自己的網址。

如果是使用一般性的部落格架站，通常網站都會掛在這些部落格的網域底下，例如 Blogger 就會是 *.blogspot.com，原本的網址就已經不短了，加上自己的部落格名稱之後，整個網址就顯得非常長，對於一般的使用者來說要記那麼長的網址實在不容易。

GoDaddy 申請購買網域名稱（Domain Name）教學

這裡介紹如何在 GoDaddy 網站上申請與購買網域名稱（Domain Name），並介紹優惠碼的取得與使用方式。

如果你想要架設一個較正式的網站或部落格，通常申請一個比較正式的網址會比較好，如果有一個簡短、具有代表性的網址，可以讓使用者更容易記住，而且可以創造自己的品牌。

Google AdSense 廣告 A/B 測試程式碼產生工具 1.0.1 beta 版

這裡針對 Google AdSense 廣告，提供一個可以產生 A/B 測試程式碼的線上工具，讓你在加入 AdSense 廣告時可以更省事，不用老是在改 JavaScript 程式碼。

A/B 測試（A/B Testing）是一般網站最佳化常用的方式，而 Google AdSense 本身也可以讓你修改它的 JavaScript 以進行 A/B 測試，雖然 AdSense 提供這樣的功能很有用，但如果你有好多廣告要測試，老是要修改程式碼也是挺麻煩的。

讓你的 Blogger 部落格到了聖誕節也跟著下雪！

這裡教大家如何讓你的 Blogger 部落格到了聖誕節也跟著下雪，這樣更有過節氣氛！

首先不要太訝異這篇文章的配色跟其他的文章不同，這是為了要有聖誕節的氣氛，所以特別設計的。以下教大家如何讓自己的 Blogger 部落格也可以在聖誕節下雪。

Ghost 部落格平台（Blogging Platform）：以 Node.js 為基礎的開放原始碼部落格

Ghost 是一個開放原始碼的部落格平台，以一個全新的設計概念，試圖創造下一代的部落格。


Ghost 是一個新一代的部落格平台，目前還正在發展當中，在今年的 10 月 14 日它釋出了第一個版本（可以從它的官方網站註冊後下載），這個版本目前只包含一些比較基本的功能，其餘比較進階的功能還在開發中，未來 Ghost 也會仿照 WordPress 的方式，除了使用者下載安裝之外，也可以直接在線上申請一個免費的部落格空間來使用（類似現有的 *.blogspot.tw 這樣的網站）。

使用 Google 雲端硬碟（Drive）放置 Blogger 部落格使用的 CSS 與 JavaScript 檔案

這裡介紹如何使用 Google 雲端硬碟（Drive）放置 Blogger 部落格使用的 CSS 與 JavaScript 檔案。

一般撰寫網頁時，通常會將比較複雜的 CSS 與 JavaScript 跟一般的 HTML 網頁分開，分別以 .css 與 .js 這樣的檔案來儲存，這樣可以避免一個 HTML 檔太大、難管理且雜亂無章，而且也可以重複給不同的 HTML 網頁使用，對於大型網站來說是個很重要的功能。

Google 的 Blogger 部落格雖然可以允許我們自定樣板，但是並沒有提供上傳 CSS 與 JavaScript 檔案的功能，如果你需要使用一些網路上別人寫好的 CSS 或 JavaScript 函式庫時，就會比較麻煩了，因為這類的函式庫通常都需要先把它提供的 .css 或 .js 檔放在自己的網頁空間，再將對應的連結路徑加入 HTML 網頁中，如果你是 Blogger 的使用者，要找個地方來放置這些檔案就是個問題。

還好 Google 還有一個雲端硬碟的服務，我們可以利用它的公開分享功能來解決這個問題，概念上就是把 .css 或 .js 檔放在 Google 雲端硬碟上，然後把連結放進 Blogger 部落格中使用。

當然除了 Google 雲端硬碟之外，你也可以使用任何網路上的免費空間，而這裡我們選用 Google 雲端應碟，主要是因為它的一些優點：

• 空間大：Google 雲端硬碟跟 Gmail 合併空間計算之後，你最多可以放置 15G 的檔案在上面。
• 穩定性高：Google 的伺服器有高達 100% 的 uptime，且沒有流量限制，你可以很放心你的網站不會因為伺服器問題而停擺。
• 免費：不用錢也是很大的優點。

以 iframe 解決 BloggerAds 部落格廣告載入卡住、拖慢網頁的問題

以華人的部落格來說，主要的廣告商除了 Google 龍頭的 AdSense 之外，就屬 BloggerAds 與 BlogAD 最普遍，而 BloggerAds 也是我的部落格常會放置的廣告，但是 BloggerAds 最令人詬病的一點就是，當網頁載入時，因為 BloggerAds 的 JavaScript 載入速度很慢（可能是因為 BloggerAds 的伺服器的問題），導致網頁中所有放在 BloggerAds 之後的東西都出不來。

而網路上大都會建議把 BloggerAds 放在網頁 HTML 程式碼的最後面，但是這樣也會造成一些動態載入的小工具（如 Google+ 的按鈕等）出不來，之前一度受不了它的速度，還直接把他拿掉。

後來參考了 WFU 的作法，使用 iframe 加上一些技巧，成功地解決這個問題，使用這樣的方式即便 BloggerAds 當掉了，也不會影響到整個網頁地呈現。

修改 Google 部落格 Blogger 範本在任意位置加入 Google AdSense 廣告

在部落格中放置廣告賺取收益是許多部落客撰寫文章的動力之一，之前介紹過如何在 Blogger 部落格放置 Google AdSense 廣告賺取收益，但之前的方法都是使用 Blogger 的小工具來加入 HTML 與 JavaScript 程式碼，這樣雖然方便，但就沒辦法將廣告放置在網頁中任意的位置。

如果想要將 Google AdSense 廣告放在任意的位置，可以透過修改範本檔的方式來達成，前面的教學文章裡已經有示範過如何下載與修改範本檔，這裡就簡單介紹放置 Google AdSense 廣告要注意的事項。

Step 1
要放置 Google AdSense 廣告前，請參考這篇文章到 Google AdSense 網站中產生 Google 廣告的程式碼，產生出來的程式碼應該會像這樣：
<script type="text/javascript"><!--
google_ad_client = "ca-pub-XXXXXXXXXXXXXXXX";
/* 160x600, 已建立 2012/3/25 */
google_ad_slot = "2035641367";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

修正 Google 部落格 Blogger 文章圖片超出邊框的問題

如果有在使用 Google 部落格 Blogger 的人應該會發現，在寫文章時貼上的圖片如果選的大小太大，就會超過文章的邊框，造成排版上的錯誤，這裡介紹如何加上簡單的 CSS 設定，自動修正這個問題。
Step 1
首先開啟 Blogger 的管理介面，點選「範本」裡面的「自訂」。

在 Google 部落格 Blogger 加入「相關文章」（Related Posts）小工具教學

網路上許多部落格的文章結尾處，都會列出相關的其他文章，方便讀者閱讀與搜尋，這裡介紹如何在 Google 的部落格 Blogger 中加入「相關文章」（Related Posts）這個小工具。

在 Blogger 內建的小工具中，並沒有「相關文章」的功能，所以網路上就有人自己寫了這樣的功能給大家使用，使用上很方便，以下是使用教學。

Step 1
打開瀏覽器連到 Related Posts Widget for Google Blogger v2.0 - Setup 網頁。

這個網頁可以幫你自動產生「相關文章」的程式碼，在 Options 中有許多選項，可依照自己的喜好選擇，而右上角也有一些 Demo 範例可以參考，調整好參數後，就按下「Update Demo & Code」。

指定 Facebook 「讚」（like）與 Google Plus +1 分享 Blogger 部落格文章的顯示圖片

我們之前介紹過如何在 Google 的 Blogger 部落格中加入 Facebook 的「讚」與 Google Plus +1 的按鈕，透過這樣的方式可以讓網友們很容易的分享自己喜愛的文章，Facebook 的分享方式就像這樣：

而 Google Plus 的介面也很像：

在分享網站或文章到 Facebook 或 Google Plus 時，會有一張縮圖，而有時候自動顯示的縮圖會抓錯，抓到的圖片並不是我們想要的，這裡我們介紹如何修正這個問題。

在 Blogger 部落格加入 Facebook 「讚」（like）與 Google Plus +1 按鈕

Facebook 與 Google Plus 是現在最流行的社交網站，許多網站現在都會與這些熱門的社交網站結合，增加網站的瀏覽率與知名度。

如果想在 Google 的 Blogger 部落格加入 Facebook 的「讚」按鈕（like）與 Google Plus 的 +1 按鈕，有幾種方式，以下是各種方式的使用教學與優缺點。

使用 Blogger 的小工具

直接使用 Blogger 是最簡單的方式，Google Plus 的 +1 按鈕本來就有內建了，這個應該很容易，從小工具的選單選取就可以了。

而 Facebook 就要使用 HTML/JavaScript 這個工具自己貼程式碼了。

Step 1
首先到 Facebook Developers 網站中，建立 Facebook 「讚」按鈕的 JavaScript 程式碼，一開始先填入自己部落格的網址，接著依照需求調整其他的參數，在調整參數時，右邊可以直接預覽調整過後的結果。

如何在 Blogger 部落格放置 Google AdSense 廣告賺取收益

Google 的 AdSense 是一個可以讓網站或部落格透過廣告賺錢的一個計畫，只要從 Google AdSense 中註冊之後，就可以將 AdSense 的廣告放進自己的網站或部落格中，只要有人點擊網站或部落格中的廣告，Google AdSense 就會支付廣告的費用，大部分的網站與部落格都是靠著這樣的方式在賺錢的。

而在 Google 的部落格 Blogger（blogspot）中，如果想要放置 AdSense 廣告，其實不難，除了使用 Blogger 內建的 AdSense 小工具之外，也可以自己貼上 AdSense 的程式碼，接下來就介紹這兩種方式的優缺點與使用方式。