本文摘自 <Hank Chan's Blog>
前言:此篇文章屬於 Weebly 進階攻略,建議需具備基本的 html, CSS, 和 Javascript 技術來進行操作。此外,建議先閱讀我之前寫的兩篇文章 <如何製作自己的 footer>,<Weebly 更快速的網站架設 (下) - 如何修改 Weebly 網站的程式碼>。 在你的網站 footer 上常常會遇到需要顯示正確的時間,如下圖。在 Copyright © 後面需要接上你的起始年份到最新年份。
許多人通常是選擇自己手動打上最新年份,但這必須每年再手動更改一次,相當麻煩。這邊提供給大家一個用 JavaScript 來自動化時間顯示的教學。我們將要用 Javascipt 來找出現在當下的年份。在網路上 Javascript 的起點時間設定為 1970 年,而之後的時間都是以毫秒來顯示。因此,我們必須將找出來的毫秒除以秒,分鐘,小時,天,年,捨去小數點之後的尾數,再加上 1970 年,就是當今的年份了。 1. 如果你是 Weebly 付費用戶的話,步驟較為簡單。首先,將下列的 html code (只要 html 而已) 複製並嵌入在你網頁的 footer 上,如下圖 1。
接下來再將 CSS code 放入 html CSS 編輯的地方,如圖 2。
最後,到 Setting > SEO > Footer Code,把我提供的 Javascript code 貼上,如圖 3。儲存後就大功告成啦。
2. 如果你是 Weebly 免費版用戶的話,因為沒有 footer 功能,所以得自己來做 footer。請先閱讀這篇文章來了解如何製作自己的 footer。 好,我先假設你已經瞭解如何在 Weebly 免費版上製作自己的 footer。我也假設你已經懂得如何在 Weebly 上編輯程式碼 (瞭解如何在 Weebly 編輯程式碼)。這個方法與第一個方法大同小異,差別在這個方法的前提是你自己已經用 html 做好了 footer,之後的步驟與第一個方法相同。首先,找到你的 footer code,並在你想要的位置嵌入我提供的 html code,如下圖。 剩下要嵌入 CSS 和 Javascript code 的部分都和第一個方法相同。
Comments
|
Details
Hank在原本想幫家裡 中藥店 架網站的想法下,誤打誤撞的進入了 Weebly 的世界,從此成為 Weebly 的愛好者. Categories |