[教學示範] Blogger 避開無法登入的麻煩

雖然 Blogger 已經被 Google 合併，但內部好像還沒調整好關於帳號合併的問題，登入的時候一直都會出錯，或者屬於 Beta 版的帳號，在正式版無法登入…等等。

現在有分舊版的正式版：

http://www.blogger.com

非高級 HTML、CSS、XML 程式設計高手，一定不太愛用這種東西，而且所有視覺化與好用的東西都還沒有。

以及新版 Beta 版：

http://beta.blogger.com

所有人性化的東西都在這裡。

登入的時候記得選對網址，然後千萬不要勾選 Remember Me！否則下次要進入登入畫面時，它真的會「記得」你，而且不讓你登入！

原本輸入登入資料的地方，此時應該要叫出 Cookie ，檢查後直接自動登入，但並沒有，只有「網頁無法顯示」的訊息。然後就一直卡在那裡無法使用，按「重新整理」也無效！或者重新整理以後，把你導引到 Google 的帳號區，但是當你在帳號區完成登入程序，選擇再次進入 Blogger 時，一樣再次出現無法使用的狀況。

如果一旦不幸勾選了，下次無法登入，那就到 IE 的選項裡面，去把 Cookie 全部清除，然後再回到這個頁面登入就好。

([點圖放大] 不要勾選 Remember Me)

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

附錄：

如果不幸無法登入的清除 Cookie 恢復方法：


選擇瀏覽器的[工具]→[網際網路選項]，視窗開啟以後，選擇[一般]頁籤，然後按下[刪除 Cookie]按鈕即可。

[教學示範] Blogger 避免上傳檔案常不見的文章寫法

Blogger Beta 版還有一些怪怪的小問題，例如常常上傳的圖片沒有出現。

原因其實是因為新文章的 Compose 模式，常常會加一些 HTML 標籤，例如 div 、 p……等等，導致新增圖片時，遇到這些標籤就容易發生錯誤－－－往往會有當你把文章內容刪除後，再按幾次 Del ，圖片又會重新出現的「靈異現象」，其實就是這些標籤在搞鬼。

為了避免類似的問題一再干擾寫文章的心情，在此提供一個簡單的操作示範，給不太熟悉 HTML 標籤語法的人，做個參考：

([點圖放大] 首先就先選 Edit Html 模式)

([點圖放大] 開始寫文章內容)

此時先不要管文字大小與顏色格式等等的問題，只有先寫文章內容。

([點圖放大] 選取新增圖片的圖示新增)

在這個模式下，不管是要全部內容寫完再新增，還是寫到一半新增，都算滿安全的。

([點圖放大] 選取的地方，就是剛剛上傳的圖片)

需注意，這個上傳圖片，好像都不管你的游標當時在哪裡，一律加到文章最上頭，如果你找不到剛剛上傳的圖片，就到文章最上頭去找。

如果還是不放心－－－事實上，如果要修改已經發佈的文章，有時候還是會發生圖片上傳後消失的問題，個人就發生過幾次－－－此時也可以在「 Posting 」頁籤下面的「 Create 」上面按滑鼠右鍵，並選「在新視窗開啟連結」，然後在那個新視窗的文章編輯的「 Edit HTML 」模式下，新增想要的圖片，之後再把圖像的 URL 剪下，貼到真正在編修的文章內即可。

如果沒有要再繼續新增圖片，剛才在新視窗開啟的文章編輯網頁，此時就可以關閉，不然還可以再次清空，上傳別的圖片。

總之，要新增圖片前，最好能夠保持編輯視窗空無一物是最保險的！

([點圖放大] 剪下剛剛的圖片 URL)

([點圖放大] 貼在想要顯示的位置)

([點圖放大] 把游標移到圖形的 URL 旁邊，調整一下位置)

([點圖放大] 都差不多了，就可以切回 Compose 模式，此時便可以看到剛剛的圖片)

這時候就可以開始調整文字大小、顏色、格式……等等，不必使用 HTML 的程式碼。需注意有時改字型大小無效的時候，只要先選擇別的大小，再調回想要的大小就好－－－這個模式沒有做到讀取游標所在位置的字型大小的功能，所以顯示和事實不同，是有一點遺憾。

([點圖放大] 選取已存在的標籤)

按下右邊的 ShowAll，可以看到任何已經用過的標籤 (i.e. 文章分類、Labels)。

([點圖放大] 設定此文章的標籤)

按下面的連結，就可以設定此文章的標籤，並未限定一種標籤。如果是過去都未使用過的，只要在右下角的空格中，自己輸入新的標籤名稱就可以了。

([點圖放大] 修改文章日期與其他設定)

最後左邊的 Post Options 可以選擇要不要讓讀者寫回應，還有選擇是否顯示文章引用。如果這文章是舊的，從別的網站移植過來，還可以修改文章的時間日期，以符合該文章原來的時間。

然後按下 PUBLISH 發佈就可以了。

[教學示範] Blogger 新增版面元件

部落格版面上的各個元件可以自行新增，並修改顯示的文字。

([點圖放大] 選擇 Add a Page Element)

([點圖放大] Labels 就是寫文章時，下面出現的 Label 編輯，也就是「文章分類」)

([點圖放大] Link List 就是「網站連結」，或是有的網站說的「部落格聯播」)

([點圖放大] Link List 新增 URL )

這個畫面是示範「連結」(Link List) 的方法，Title 那裡顯示的原本是「Link」，可以改成任何想要的文字，這裡是改成「連結」，然後在下面 New Site URL 打入連結網頁的 URL ，並且在最下面的 New Site Name 替它取個名字，最後按下 ADD LINK 就完成了。

幾乎所有的元件都是使用類似的方法編輯與新增。

([點圖放大] 新增 URL 完畢後存檔)

新增完連結時，如果超過一個以上，左邊會顯示上、下箭頭，可以移動顯示的順序。

([點圖放大] 顏色不一樣的項目，都是可以用滑鼠拖曳)

([點圖放大] 就連文章底下的一些項目，也都可以用滑鼠拖曳)

這個拖曳功能實在是經典！大部分都是可動元件，只有一些地方是固定的。不過這個功能還不是很完整，有時候拉到一半很容易就當掉，最好拉好某個項目就先按右上角的 Save 存檔。