Blogger的技巧(一)內建Slide的替換

  一、為何選用Blogger作為我的部落格

     根據網路可知Blogger有十大好處

1. 圖床！串連Google相片，圖片在規範大小內無限大！
2. 高流量！Google讓我們擁有無限大流量的伺服器。
3. 穩定！不必擔心Google的伺服器會掛掉無法連線。
4. 自由！自定程度極高，能自由發揮改出各種版型。
5. 方便！可自由運用各種外掛，當然也可以自己寫。
6. 資源！網路資源豐富，很多前輩有實作各種功能。
7. 數據！清楚的後台，讓自己瞭解各種流量或數據。
8. 錢！能選擇放或不放廣告，放了Google會給你錢。
9. 手機！對手持裝置支援良好，還有專屬編輯器可用。
10. 免費！總之，免費又方便的用到Google反悔為止！
    
    每個人有自己的觀點，所以各類的部落格軟體，都有人採用，而選用Blogger的人相對較多，當然有其原因，就我個人來講，我是著重在免費、使用空間無限制、網路上有許多模板可以下載、有許多小工具可利用，而且有許多外掛資源、可以連接google的相簿使用，非常方便，由於以前我在學校當教務主任兼管網站，所以從最早的frontpage，到後來的Xoops與Joomla，都還算熟悉，相對的對Html、Css、javascript也能加以利用，所以這兩個禮拜，我重新建立一個部落格，也研究一些小工具的使用，想在此與同好分享，請大家多加指導，我還是有許多不懂的地方，光靠自己研究，實在太耗時間了。

二、Blogger內建的Slide

               

2.上面的部落格是原來內建的照片，請大家按下開關，看一下照片輪播，一般人都會把

原來內建的照片移除，換上一些朋友照的(有著作權)相片，以免有糾紛產生，至於如何更換Slide，下面我會詳細的說明，一定比網路上找的方法簡單，網路上都教你用外掛程式，我試過很多都失敗，於是我自己研究了兩天，今天終於成功了，非常開心與大家分享，你如果用簡單式的模板，應該都沒有SLIDE，要用進階級的才會用到。

三、照片要先處理

1.打開小畫家，選取你要的照片，因為我的模組SLIDE照片規格是930x300，所以照片要先處理成930x300的照片才能用，這個模組是5張照片組成，所以你要做5張照片，當然要增多或減少也可以，後面會介紹如何自建Slide。

2.先按調整大小，利用小畫家功能處理。

黃色框內是讓你描述相片名稱或說明，下面那兩行英文字，可以在HTML裡把它刪去，是讓你用三句話描述照片的內容。

3.按調整大小，先按像素，水平調為930，垂直高度調為300，按確定，就成如下圖，大小稍有一點點差距，可以不用理它。按確定。

4.完成930x300的圖，你需幾張就重複做幾張。

四、內建Slide之更換

1. 如圖 主題→選擇▼→下拉至HTML→進入程式碼
   
   
   
   
   
2. 進入程式碼之後，按圖說明操作。
   
   
   
   
   
   
   
3. 先按Ctrl+F搜尋Slide
   
   
   
4. 先找到<!--Slide 2 Code Start -->這是第2張相片開始，<!--Slide 2 Code End -->這是第2張相片結束，中間就是照片說明跟連結網址，也就是我們要修改的地方。
   
   
   
   
   
5. 先更換第五張照片網址和標題(每張都要更換喔)

 6.照片網址在哪裡?

    a.把要用的五張照片上傳到Google網路相簿

  b.打開Google網路相簿，按下「電腦」按鍵。

   c.從電腦照片資料匣中選取你整修過的五張照片，然後按開啟鍵。

 d.會出現如下畫面

 e.重新整理相簿你會看到今天上傳的五張照片，選取第一張，滑鼠放在照片上，按「右鍵」會出現對話框，選取複製連結網址，然後回（主題→HTML）。

７．以上步驟完成後，Slide更新就大功告成了，請大家觀看更換過照片的影片，請大家按下開關，看一下照片輪播，原來內建的照片，我已經移除，換上一些朋友照的(有著作權)相片，以免有糾紛產生。

五、內建Slide之另類更換簡介

     根據本人嘗試數次經驗，直接從Google相簿，按右鍵選取網址，貼上HTML上連結，大部分都失敗，經上網查詢，在WFU BLOG站上得知，Google 特地把 Google Photo 的連結搞成這樣，就是不想讓使用者輕易地使用圖片外連，好節省伺服器的流量。如此能有效減少圖片外連的流量，算是 Google 的節流措施，減少伺服器的資源使用。 Google 讓使用者自主性地不使用 Google 相簿當圖床，順勢節省了伺服器的流量與頻寬。

那我們如何因應呢?我們可以

(1)從Blogger 後台 → 按「新文章」→ 切換到「HTML」模式 → 按「插入圖片」按鈕→選擇Google相簿。

(2)如下圖:在相簿中把我們事先處理好的930X300的相片選取，這幾張圖就會出現在你的新文章頁面上。

(3)按撰寫模式那支筆，就會出現HTML格式

(4)畫面如下圖:href=後面畫黑線部分是第6張圖的網址，下面畫藍線是高300寬930，/006.png的圖有2張，下面一行是/s320/006.png，上面的是/s930/006,png，代表上面網址是我們Slide要的圖，下面網址連上後會出現小圖，寬只有320，所以我們在HTML上會看到每張圖都有2個網址，我們要選930那一張相片，然後網址分別貼在原來部落格的HTML上<a href=後面，全部貼完，相片說明要記得填上，人家才知道圖片的意義，最後一定要記得按「儲存」，不然就做白工了，然後回前台驗收，看看你成功了沒有?此法成功率幾乎100%，大家可以採用，試試看自己的功力進步了沒?