如何加一個靜態的頁面為Blogger網站的登陸頁? ~ 天馬行空

如果想要用一個靜態的頁面來當做網站的登陸頁面, 做法很簡單, 只要利用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: 字樣→打開[永久性]→按下[確定]鍵