Blogger 10週年慶（三）：There's an app for that!

至於Blogger 10週年慶的第三彈，就是在iPhone上的BlogPress Blogger Edition，這一彈對於有iPhone的朋友應該是個不錯的消息，至於像Josh這種沒有iPhone的人來說，也只能投以羨慕的眼神了，詳情請參閱：

BlogPress Lite: Blogger十周年生日快乐
There's an app for that!

Blogger 10週年慶（二）：Share from Nav Bar

以往對於在Blogger正上方的Nav Bar，總會讓人覺得破壤整個頁面的美感，有的人選擇下CSS語法將它整個隱藏起來，而Josh是選擇將它改為浮動顯示，畢竟上面的功能會用的到的最多也就右邊的「自訂」，但是現在Blogger的10週年慶第二彈，就是讓Nav Bar有的新的功能，讓每一個使用不需再將它隱藏起來。

來試試新玩意之六，Blogger in Draft：Import/Export

之前Josh曾介紹過如何利用Ftp進行備份（第一篇、第二篇），但是只能備份不能搬移；而在漫長的等待之後，Blogger終於也有Import/Export的功能，所謂Export就是說能夠進行文章和意見的匯出（備份），而Import就是能將匯出的文章和意見，匯入到另一個Blog，即使要匯入的帳號和匯出的帳號不同也可以。

要使用Import/Export的功能，和其他新的測試功能一樣，一定要先登入draft.blogger.com，你也可以在登入draft.blogger.com後，在控制主頁右上角將「讓Blogger 測試區成為我預設的資訊主頁。」選取，往後不論登入draft.blogger.com或www.blogger.com都直接進到draft.blogger.com。

當登入draft.blogger.com後，在想要匯出的Blog上選擇「設定」，之後會在「基本」的頁面中看到一個「網誌工具」，其中有三個選項–匯入網誌、匯出網誌、刪除網誌，點選「匯出網誌」後，會跳到另一個頁面，再點選一次「匯出網誌」，Blogger.com會將該Blog的文章（包含未發佈的草稿）和意見整合為一個XML檔，讓你儲存在硬碟上，這樣備份就完成了，和之前用FTP備份相比，簡單多了。

而Import的功能，在想要匯入的Blog中，點選「設定」，在「基本」的頁面中的「網誌工具」，點選「匯入網誌」，如下圖：

接著選擇之前Export時所儲存的XML檔案，並輸入驗證碼，如果你打算將所有匯入的文章立即發佈，在這可以直接選取「自動發佈所有匯入的文章」，如果不是，就不要選取，下面再介紹手動選取發佈文章的方式：
當你對於所匯入的文章，並不想全部發佈時，當文章匯入完成後，除了有「發佈所有匯入的文章」的連結選項之外，也可以個別選擇想要發佈的文章，接著再點擊「發佈已選取」。

Import/Export除了備份之外，也可以將二個或二個以上的Blog合併為一個，或是將Blog搬移到另一個帳號，當然這只是針對文章和意見，對於整個Blogger的範本是不會有任何的變動。

來試試新玩意之五，Blogger in Draft：Star Ratings

或許Blogger官方真的有把我們這些使用者的聲音聽進去，所以這一次釋出的新功能都滿不錯的，就以Star Ratings來說，以前必須加掛JS才能作到（例如outbrain這一類），現在Blogger終於提供了，廢話不多說，開始實作。

首先還是先登入draft.blogger.com，點選「版面配置」–「網頁元素」，編輯「網誌文章」，選取「顯示星號評等」後儲存。



儲存後，先檢視一下你的Blog，看看是否有出現如下圖的Star Ratings，如果沒有就必須手動加入程式碼。至於手動加入的步驟，Josh在這示範的是加在文章底部，文章底部有三個區塊，分別是<div class='post-footer-line post-footer-line-1'>、<div class='post-footer-line post-footer-line-2'>、<div class='post-footer-line post-footer-line-3'> ，由你自己決定要放在那：

1. 尋找上述三個區塊其中一個
2. 將下列程式碼放在你想放置的區塊內
   <span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
3. 尋找<b:include name='feedLinks'/>
4. 將下列程式碼放在<b:include name='feedLinks'/>的下方
   <b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
5. 儲存範本

但是完成後，Josh不喜歡Star Ratings預設的位置，於是再加入下列css來改一下位置：
.star-ratings {
float:right;
}

完工後，文章底部所承現的樣子就如下圖。

來試試新玩意之四，Blogger in Draft：Embedded Comment Form

最近Blogger in Draft新增了滿多功能，其中最讓我高興的就是這個功能，讓人期待以久的–Embedded Comment Form，往後直接在文章頁面就能發表意見，啟用的方法很簡單，登入draft.blogger.com，選擇「設定」–「意見」，在「意見表單位置」選擇「已內嵌下列文章」後儲存即可，如下圖：



但是當Josh我回到文章頁面想看看承現的結果時，卻發現Comment Form並沒有出現，相信滿多人會有這個問題，我花了一點時間找到解決方法，如下：

1. 進入「修改HTML」，選取「展開小裝置範本」


2. 尋找下最程式碼：
   
   <p class='comment-footer'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</p>
   
   


3. 以下列程式碼取代：
   
   <p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>


4. 完成後儲存範本即可。

往後在文章頁面中，就會出現一個Comment Form，從此跟彈出視窗的意見說Bye Bye。

版面做了一些小小的更動

才一轉眼，這裡又荒廢了近二個月，Josh趁者今天下午的空閒，稍微改了一下版面，這一次是在原來的模版上進行，最明顯的就是在main-wrapper上增加一個toper-wrapper區塊，並將toper-wrapper分為三個小區塊，再將原先放在linkbar上的Label以及在sidebar的Recent Posts、Recent Comment移到這三個小區塊中，移除掉linkbar及sidebar中較寬的那一個區塊，並且把Label改為Label Cloud，以上就是Josh花了快三個小時的成果。

下圖為改版前的樣貌：


下圖為改版之後樣貌：

在此先跟用IE的朋友說聲抱歉，用IE瀏覽本 Blog會發生toper-wrapper和sidebar位置偏掉的情形，Josh改天再進行調整。

來試試新玩意之三，Blogger in Draft：Scheduled Posts

終於，Blogger也有個功能，所謂Scheduled Posts，就是能夠將你所要發表的文章，設定一個你想要發佈的時間，當所設定的時間一到，該篇文章就會自動發佈，不過就如Josh先前在來試試新玩意之一，Blogger in Draft：訂閱連結和來試試新玩意之二，Blogger in Draft：網誌清單所說的，這個新功能一樣要先登入http://draft.blogger.com/才有效，現在就讓我們來試試這個功能。

首先別忘了先登入http://draft.blogger.com/，打一篇新文章，完成後打開在左下角的“張貼選項”，在“張貼日期與時間”輸入未來的時間：


Josh這一篇預計在2/27 上午10:00發佈，所以我就將這個時間輸入，完成後“發佈文章”，回到文章列表中，你會發現該篇文章在會有“已排定”的字樣，這就表示這一篇文章會在設定時間到時才會發佈，這真的是一個很方便的功能。


但是，現在問題來了，有一些Blog會將文章的日期定在未來的某個時間，以便於將該篇文章置於最上方，方便閱讀，如此一來，是否會和這一個新功能有所衝突？關於這一點Blogger in draft也有設想到，以下摘自New feature: Scheduled Posts：

We know that some bloggers currently use future post dates in order to keep one post at the top of their blog for a while. Though we recommend that you use a Text page element for this, you can still get this old behavior with just one additional step. First, publish your post with the current date and time. This will publish it to your blog. Then, once it’s published, edit the post to change the date to the future and publish it again. We don’t re-schedule posts that are already published, so the post will stay on your blog but sort to the very top.

解決方法就是將該篇文章以現在的時間先行發佈，之後再回去編輯該篇文章，並修改發佈時間，因為Blogger不會將已發佈的文章重新排定發佈時間，另外還有另一點：

As with published posts, the post editor does not autosave scheduled posts if you go back and edit them. You wouldn’t want the post to publish while you’re in the middle of editing it! You can save the scheduled post as a draft to remove the scheduling and this will turn autosave back on.

當要修改一篇已排定發佈時間的文章，自動儲存的功能將會關閉，要再啟用自動儲存的功能，可先將該篇文章再儲存成草稿，再次進入編輯，這樣該篇文章會自排定發佈移除，而自動儲存的功能也就會再度開啟，當然以上的動作都是要在Blogger in draft中進行。

最後為了取信於各位，附一現在時間的圖，以茲證明。當你在2/27 上午10:00以後看到這一篇，留個言吧，多謝了。

UpData：
早上抽空上來看這一篇，發現到標題的連結沒作用，不會連結到文章內部，這應該算是測試中的Bug，將來正式推出後應該會修正。這個Bug已於03/06修正。

來試試新玩意之二，Blogger in Draft：網誌清單

當Blogger in Draft在2/12發佈這個訊息後，Josh一直沒去試試看，今天稍微了解一下才發現這個功能的方便性，平時我就有在使用Google Reader訂閱一些我覺得不錯的Blog，但是卻懶得加入到我的Sidebar中的連結內，有了這個「網誌清單」的新功能，懶就不再是問題了。

當然，就如同我上一篇所說，要加入這個「網誌清單」，一定要先從http://draft.blogger.com/登入；進入版面配置點選「加入網頁元素」，將網誌清單加入BLOG：


在網誌清單的設定中，你可以自行設定排序（有最近更新和Blog名稱二種）、顯示數量，另外還有圖示、最新項目的標題、最新項目的部分資訊、上次更新日期可設定，接著就是設定清單項目，點選下方的「將網誌新增到您的清單」：

至於清單的來源有二種，一是自行輸入，二是從Google Reader選取，像我這種懶人當然就是要選那種比較方便的作法，也就是從Google Reader中來選取，往後要加入新的Blog到清單中，只要先訂閱該Blog，再修改網頁元素即可：


當選好後，還可以進行重新命名(rename)和移除(remove)的動作：

下圖就是完成後的樣子：
往後要新增新的Blog只需二個動作：

1. 訂閱該Blog到Google Reader
2. 修改網誌清單，將新訂閱的Blog加入清單之中

比起以前使用Linklist將會變得更方便許多。

來試試新玩意之一，Blogger in Draft：訂閱連結

Blogger in Draft也就是Blogger測試區，在這裡可以試試Blogger目前正在測試的新功能，正常登入Blogger是從http://www.blogger.com/這個位址，如果想要登入Blogger in Draft，則是要從http://draft.blogger.com/登入，兩者的不同從登入後的控制主頁就可知道。

從http://www.blogger.com/登入

從http://draft.blogger.com/登入

登入後在版面配置的地方，能新增的網頁元素也有不同：

從http://www.blogger.com/登入所能增加的網頁元素

從http://draft.blogger.com/登入所能增加的網頁元素

Josh我在http://draft.blogger.com/新增一個新功能–訂閱連結，之後回到http://www.blogger.com/也還能夠使用。

由於這個功能內就有包含Atom資訊提供，那也就意謂著頁面最下方的那一個“訂閱”是多餘的了，但似乎無法從設定中移除，只好從CSS中著手，從firebug中找到該div區塊class為blog-feeds：
.blog-feeds{
display :none;
}
新增上列語法在CSS中即可隱藏。

UpData 03/09：
之前沒注意到在文章頁面還有一個“訂閱：張貼意見 (Atom)”，而這一個如果也要隱藏，只要將上述的css改為下列所示，就可以了。
.blog-feeds, .post-feeds{
display :none;
}

設計精美的Template

在我打算替Josh's Note換新裝後，因為Neo有幾點我不怎麼喜歡，原作Ramani為了讓Neo的速度加快，所以拿掉了一些會影響讀取速度的Tag，例如文章的Label，讓我不得不放棄套用Neo的這個念頭，所以我只好再度將Google大神請出來，而且也找到了幾個專門在設計Blogger Template的網站，其中又以Dzelque的設計我比較喜歡。

自己搞一個Template是很累人的，因為我曾經試過，之前所用的Template就是自己作出來的，這次真的沒那個心力了，所以決定用別人的，我所選的是Dzelque的Blogger Template: ilike，這個Template正如其名“I Like”，因為原作者自己也套用了，而且它那小小的Header區塊也正合我意，當然就決定用了。

Dzelque的設計有一地方很週到，他會在Template中預留區塊給你放AdSense，看看他其他的設計就知道，這一點我就滿喜歡的。

Blogger Template: ilike有幾個特點：

1. 窄窄的Header區塊
2. 在Header區塊旁預留放置Search Bar的區塊
3. 在Header上方有一個Linkbar的區塊，可以放置Link或是Label
4. Header和Content之間預留一個可以放置橫幅AdSense的區塊

光是上面這幾點，在整個頁面的空間就會省下不少了，尤其是那個Linkbar，因為我所用的Label不多，於是決定捨棄Label Cloud，將Label移到Linkbar中，至於Link則用下拉式選單來承現，載入速度跟之前比起來快了不少。

Dzelque設計了三、四十種的Template，建議各位到那去看看，或許也能找到你所喜歡的喔！

I Am Back!!

離Josh我上次發文已經有大半年了，有的時候我就是這樣，當對一件事有興趣時，就會花很多的精神投入其中，但是，當我又對另一件事產生興趣，我就會把精神全部移轉到那件事上面，所以才會把這裡給擱下，真是抱歉！

不過，現在我回來了，我會繼續經營這裡，短時間內不會再不告而別了。為什麼會再回來呢？

因為我上個星期收到一封美國寄來的信件，裡面附著一張支票！

沒錯，就是Google AdSense的支票，金額就不好意思告訴大家了，說出來怕會被笑。至於支票的相片…因為太興奮，隔天就跑到我家附近的合作金庫去辦支票託收了，之所以會選擇合作金庫，因為念書的時候，入學時學校就幫每一位新生順便開了戶，而且我家附近正好也有一家分行，二個因素合在一起就是我選擇金庫的原因。

因為是第一次辦理支票託收，所以合庫要求除了本人之外，還要有一位保證人，而且都要有雙證件和印章才行，保證人是第一次辦理託收才需要，以後要辦理只要本人和雙證件、印章即可，而且合庫會從託收的金額內扣除400元的手續費，其餘的金額會直接匯入帳戶內，據行員表示，整個作業時間最快二個星期就會完成，並且會在款項匯入帳戶當天以電話通知，等我收到錢再告訴大家。

由於太久沒更新，所以在發這篇之前，我一直在進行更換Template的動作，原本打算直接套用Ramani的Neo，但在測試的Blog套用，發現了幾點我不太喜歡的事，所以取其中一、二個套用，至於是什麼，請各位直接去按畫面最上面的標籤就知道了。

Blogger線上編輯文章自動儲存

雖然有很多離線的編輯器支援Blogger，但是我還是比較習慣用線上編輯，而使用線上編輯文章時，我的習慣是當文章編輯到一個段落時，會先儲存為草稿，以免手賤不小心將分頁關掉（我是用FireFox），這個習慣是在剛開始用Blogger一個多月後才有的，然而以後再也不用擔心這個問題了，根據Blogger Buzz的最新訊息Auto-savory Blogger Posting，往後當你使用線上編輯時，太約每2分鐘，Blogger就會自動將你的文章儲存為草稿，還滿不錯的。

只是上面那二個按鈕位置互換，一時之間還有點不太適應。

Blogger-ext2討論群組

阿土伯–Blogger-ext2的原作者，Blogger-Ext2是以jQuery為基礎的開發的簡單Blogger系統擴充程式，能讓使用者在接觸到最少的Template/Javascript程式，便能讓您的Blogger得到功能的擴充，也是Josh我的外掛安裝程式的原始來源，阿土伯現在在Google Groups開了一個Blogger-ext2的討論群組，如果當各位有任何有關Blogger-Ext2使用上的問題或者對於Blogger-Ext2的功能擴充有任何的意見，都可以到這個討論群組來尋求幫助和分享。

Blogger-ext2討論群組
繼續閱讀懶人加強版
輕鬆擴充Blogger 功能：Blogger_ext2.js (jQuery way)!

Template更換完成

終於將自己設計的Template套上了，這個Template和前二次改版不同的地方，就是我將Header從最上方收到Sidebar的上方，因為Sidebar多了一個Header，空間會變得不夠，所以我將Footer分割為三個區塊，這三個區塊正好可以放置“最新文章“、“Label Cloud“、“最新意見”。

此外為了整個版面的整齊，便將AJAX Label拿掉，但又怕“最新文章“、“Label Cloud“、“最新意見”會有人找不到，於是參考了這一篇，在頁面左邊加入了Navigation Icon，這樣就能快速捲動到Footer的那三個區塊，搞到現在有點累了，過幾天再把檔案丟上來。

Google Map 有台灣的街道圖了

今天早上是王建民這個球季首次先發，起了個大早準時守在電視旁觀看，可惜輸球了，話說王去年四月也才拿下一勝，所以現在才一敗而已，也不用太在意，當我看完球賽後，興致一來就想看看Yankee Stadium，於是就上Google Map去瞧瞧，接著就將地圖轉到台灣，當Zoom in到一個程度後，發現Google Map上的台灣竟然出現了高速公路，如下圖：

雖然有一段時間沒上Google Map，也不知道是原本就有還是新增的，於是乎就繼續Zoom In下去，因為我住台中，所以就往台中地區Zoom In，就我對地圖的認識，梅花外框的是國道，盾形外框的是省道，現在Google Map連省道也有標示了，如下圖：

接著再 Zoom In就出現了台中市的棋盤式街道圖，除此之外，我想曾經從外縣市騎車或開車進入台中火車站週邊的人，一定會對台中火車站週邊的單行道很有印象，現在Google Map上連單行道的行進方向也有清楚的標示出來，如下圖：

為了了解Google Map的詳細度，所以又把地圖移往台中市西屯區，想不到竟然連巷弄也有，往常我在網路都是使用UrMap進行查詢，所以我特地來比較一下兩者的詳細程度，地圖選用台中逢甲大學週邊–西安街以南、逢甲路以北、福星以西及烈美街以東的區域進行比較，比較如下：

第一張是Google Map在地圖模式放到最大，第二張是UrMap地圖模式放到最大，兩張的大小都是560×600，經由比較可以發現Google Map的Zoom In程度比UrMap較大，接著換衛星地圖，如下：
第一張Google Map的衛星地圖和地圖模式一樣，而UrMap的衛星地圖最大只能到“10”，兩者相比，又是Google Map勝出，不過UrMap有一點倒是贏了Google Map，UrMap結合了104人力銀行、Kijiji 台灣、1111人力銀行工作機會和許多的地標，讓搜尋更加便利，而Google Map的搜尋方面還不是很完善，目前用中文只能搜尋到縣市名稱和比較有名的地標，不過能在Google Map上看到台灣也有街道圖也算是不錯了。

New Templates For Josh's Note

快一個星期沒發新的文，主要是因為正在自己設計一個新的Template，這次最主要的變動，就是把Header收到Sidebar的正上方，這樣做除了可以讓整個版面看起來更簡單，文章區和Sidebar的分別更是一目瞭然，而且Footer也去掉，改用三個區塊替代，Sidebar還是維持同樣的設計，整個版面看起來還滿有個人風格，現在正在進行Css的微調，目前完成的版面配置如下圖：

這是我第一個自行設計的Templates，自己覺得還算滿意，等完成後再提供下載分享。

自行架設Ftp伺服器備份Blogger文章

前幾天曾提過如何利用HiNet FTP空間備份Blogger的文章，然而對於不是使用HiNet的人來說，除非能找到一個Ftp空間來進行備份，否則只有自行架設一個Ftp伺服器才能來進行備份，至於架設Ftp的伺服器有很多，例如Windows的IIS、雷電FTPD、GuildFTPd、Serv-U等等，而我這一篇所實作的軟體則是Serv-U，個人覺得Serv-U設定很簡單而且好用。

目前Serv-U最新版本為6.4，因為在這我只是要做個備份，並不是真正要架一個Ftp伺服器，所以我在這僅提供4.2版+中文化給大家，請先下載Serv-U 4.2英文版及Serv-U 4.2 中文化檔案。

首先請先執行Serv-U 4.2英文版的安裝檔案，安裝過程在此不加詳述，當你安裝到最後時，如下圖：
因為還要進行中文化的動作，所以先將“Start Serv-U Administrator program”這一項取消選取，按下“Finish”並將右下常駐的Serv-U取消常駐，接著執行中文化的檔案，完成後於桌面執行Serv-U。

當Serv-U執行後，會跑出一個設定精靈，你可以依下面的列表設定或自行設定：

1. 顯示選單圖示：是
2. 啟動伺服器
3. 你的IP位址：動態IP請空白，固定IP可填可不填
4. 網域名稱：前面說過，架這個伺服器只是要備份，所以直接按下一步
5. 系統服務：不
6. 匿名帳號：不
7. 使用者帳號：是
8. 帳號名稱：請自行設定
9. 帳號密碼：請自行設定
10. 起始目錄：選擇一個目錄做為登入FTP直接開啟的目錄
11. 鎖定起始目錄：避免麻煩，選“是”
12. 管理權限：選擇系統管理者以取得伺服器的最大權限
13. 完成

以上步驟完成後，你可以登入剛才所架設的Ftp伺服器看看，在網址列輸入“ftp://你的IP/”，輸入帳號、密碼就能登入了。（如果你有使用防火牆，請記得將port 21打開）

接下來的步驟和如何利用HiNet FTP空間備份Blogger的文章差不多，在這再一次簡述一下。

Ⅰ、在「控制主頁–範本–修改HTML」頁面中，備份範本，並在頁面下方將範本回復成傳統範本：

Ⅱ、在「控制主頁–設定–發佈」的頁面中選擇Ftp發佈：

Ⅲ、進行連線的設定，其中“FTP伺服器”請填入你的IP位址，下方的帳號、密碼則填入之前安裝Ftp伺服器時所設定的帳號、密碼：


Ⅳ、儲存設定後，點選“立即重新發佈”，完成後你會發現所有的文章，已經備份到你的硬碟上。

完成備份，照例要回復成備份前的格式：

1. 在「控制主頁–設定–發佈」中將發佈模式換回blogspot.com
2. 在「控制主頁–範本–自定設計」進行升級
3. 在「控制主頁–範本–修改Html」將之前所備份的範本上傳

關於Ftp備份Blogger，大致就是這樣，也許其他的 BSP為了搶Blogger的使用者，會提出更方便的備份方法，但是對於Blogger的忠實用戶，學會Ftp備份真的很重要。

如何利用HiNet FTP空間備份Blogger的文章

要備份Blogger的文章，其實不用一篇一篇剪下貼上，Blogger本身有提供FTP發佈的方法，所以可以用FTP來進行備份，前提是必須有Ftp的空間或是Ftp伺服器；如果你的ADSL是使用HiNet，HiNet本身就有提供一個Ftp的空間給用戶，如果沒有Ftp空間，也可以自行架設一個Ftp伺服器，架設Ftp伺服器首推「Serv U」，架設的方法改天再寫一篇專文，現在先介紹如何利用HiNet的Ftp空間來備份Blogger的文章，因為根據Google Analytics的分析，有將近五成訪客是使用HiNet。


想要利用Ftp進行備份，首先必須將Blog的訪問權限設定為“任何人”，你可以在「控制主頁–設定–權限」進行變更。


接著還需要將範本恢復成傳統範本，也就是恢復成舊的Blogger格式，所以在進行這一步時，最好將範本備份，而恢復成傳統範本的選項可以在「控制主頁–範本–修改HTML」頁面中最下方找到。


當完成上述的設定時，就可以在「控制主頁–設定–發佈」的頁面中，看到Ftp發佈的選項，連線方式有二種：Ftp和sFtp，目前HiNet似乎無法使用sFtp進行連線，建議選擇Ftp即可。


接下來要進行連線的設定，如下圖：

1. 這裡是以HiNet做示範，所以在“FTP伺服器”請填入“upload.myweb.hinet.net“
2. Blog URL填入欲進行備份的Blog網址（包含“Http://”）
3. Ftp路徑則填入Ftp伺服器要放置備份檔案的資料夾名稱，也可不填
4. 在頁面下方輸入會員帳號和密碼
   
5. 儲存設定後會在頁面上出現“立即重新發佈”，點擊它進行備份
   

完成備份後，接著就是要Blog恢復成之前的格式，首先就是在「控制主頁–設定–發佈」中將發佈模式換回blogspot.com，接著到「控制主頁–範本–自定設計」進行升級，升級完後再將之前所備份的範本上傳，完成上述動作，你的Blog就會恢復成原本的模式，而且所有的文章也完成了備份。

至於沒有HiNet Ftp空間的朋友，請耐心等候，過幾天再來介紹如何自行架設一個FTP伺服器來進行備份。

Blogger新增二個內建Widget

Blogger Buzz是Blogger發佈最新訊息的平台，所以我如果有想到的話，都會去Blogger Buzz看看，今天上去看了一下，果然，Blogger又有新功能，那就是新增了二個內建的網頁元素–Newsreel和Video Bar，這兩個新的網頁元素的共同點就是利用Google AJAX Search API技術來進行搜尋。


Newsreel的來源是Google News，再利用你所設定的Keyword來進行搜尋，Keyword可以設定多組，而且會以Keyword來做出分頁的效果，而且還會依照你所擺放的欄位而呈現不同的樣式。如下：



而Video Bar的來源則是Google Video 和 YouTube，也是依照你所設定的Keyword進行搜尋。


有興趣的可以裝看看。