網路城邦
上一篇 回創作列表 下一篇   字體:
Blogger的技巧(一)內建Slide的替換
2021/03/01 13:06:49瀏覽1164|回應0|推薦2

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

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

  1. 圖床串連Google相片,圖片在規範大小內無限大!
  2. 高流量Google讓我們擁有無限大流量的伺服器。
  3. 穩定!不必擔心Google的伺服器會掛掉無法連線。
  4. 自由!自定程度極高,能自由發揮改出各種版型。
  5. 方便!可自由運用各種外掛,當然也可以自己寫。
  6. 資源!網路資源豐富,很多前輩有實作各種功能。
  7. 數據!清楚的後台,讓自己瞭解各種流量或數據。
  8. 錢!能選擇放或不放廣告,放了Google會給你錢。
  9. 手機!對手持裝置支援良好,還有專屬編輯器可用。
  10. 免費!總之,免費又方便的用到Google反悔為止!

    每個人有自己的觀點,所以各類的部落格軟體,都有人採用,而選用Blogger的人相對較多,當然有其原因,就我個人來講,我是著重在免費、使用空間無限制、網路上有許多模板可以下載、有許多小工具可利用,而且有許多外掛資源、可以連接google的相簿使用,非常方便,由於以前我在學校當教務主任兼管網站,所以從最早的frontpage,到後來的XoopsJoomla,都還算熟悉,相對的對HtmlCssjavascript也能加以利用,所以這兩個禮拜,我重新建立一個部落格,也研究一些小工具的使用,想在此與同好分享,請大家多加指導,我還是有許多不懂的地方,光靠自己研究,實在太耗時間了。

二、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. 先找到這是第2張相片開始,這是第2張相片結束,中間就是照片說明連結網址,也就是我們要修改的地方。


  5. 先更換第五張照片網址和標題(每張都要更換喔)



 6.照片網址在哪裡?
    a.把要用的五張照片上傳到Google網路相簿




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


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



 d.會出現如下畫面


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


7.以上步驟完成後,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上

( 興趣嗜好電腦3C )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=yingzhou&aid=156965148