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

Views

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

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

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

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

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

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

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

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

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

請看實例.

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

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


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

0 留言:

張貼留言