如何加一個靜態的頁面為Blogger網站的登陸頁?

Views

如果想要用一個靜態的頁面來當做網站的登陸頁面, 做法很簡單, 只要利用Blogger後台的[自動重新導向網址]的功能即可.

本篇將一步一步示範如何設定一個靜態頁面Page來當網站的登陸頁landing page.

步驟一

➤ 登陸頁面有側欄

如果網站本身是無側欄, 或是有側欄, 但登陸頁面也可以有側欄, 做法非常簡單, 只要在想要當成登陸頁面的網頁下做如下設定:

到Blogger後台→[網頁]→[+新網頁]→在標題處輸入 index 或是 home (端看你想要網址是出現 index.html 或是 home.html) →在讀者留言處勾選[不允許新增留言]→正常編輯登陸頁面的內容→編輯好後, 按下[發布]鍵.

請看實例.

➤ 登陸頁面全版面, 不要出現側欄

如果網站本身是有側欄的, 但在登陸頁面不想出現側欄, 想要是全版面的, 做法如下:

首先, 先到Blogger後台→[網頁]→[+新網頁]→在標題處輸入 index 或是 home→然後編輯模式選[HTML檢視]→在讀者留言處勾選[不允許新增留言]

接下來, 在空白的編輯區貼上下面的登陸頁面設計的程式碼

然後編輯模式選回[撰寫模式]可以在空白的頁面下進行正常的編輯, 編輯好後按下[發布]鍵.

PS: 另外, 如果不想隱藏側欄, 可以把程式碼裡 .post-footer { display:none 的none改成 inline 然後調整一下 width的百分比即可.

步驟二

接下來, 取得這個頁面的網址, 它應該會長的像下面這樣, xxxxx的地方是你的網址 https://xxxxxx.blogspot.com/p/index.html

或是 https://xxxxxx.blogspot.com/p/home.html

Copy下登陸頁面的網址, 回到Blogger後台→[設定]→往下拉, 找到[錯誤與重新導向]後, 點選[自訂重新導向網址]→然後按下[新增]鍵→在[寄件者:]的地方先輸入一個斜槓 / →在[收件者:]處輸入剛才新增頁面的網址, 不含 https: 字樣→打開[永久性]→按下[確定]鍵

此時, 在按下[儲存]鍵前請務必檢查[寄件者]和[收件者]處的斜槓, 確定無誤後按下[儲存]鍵即可.

從此以後, 你的登陸頁面就會是這個/p/index.html 而不會是原先的
https://xxxxxx.blogspot.com 了.

請看實例.

此時, 可以把之前在頁面標題處輸入的index字樣刪除, 這樣登陸頁面就不會出現標題了.

喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

2 則留言:

  1. y-) 這種方法,適合架設網站,不適合設定部落格首頁,因為轉址之後,就再也無法開啟blog的文章(Post)了 !!

    回覆刪除
    回覆
    1. 有道理, 果然是深謀遠慮的灰鴿... g-)
      我只想其一, 未想其二...

      刪除

顯示表情符號