前文提要:
雖然文章要教導大家如何快速客製化Blogger,
但對初學者來說,某些學習還是必要的.(跟博愛座一樣...誤戰 汗)
總而言之,此篇文章就是教零基礎的人,了解兩樣簡單的網頁製作工具.
讓大家在撰寫自己Blogger時,能快速修改一些東西.
必要工具:
- 網頁開發工具
- 查找快捷鍵
如前文Blogger套用完自己喜歡的樣板後,
第一件事就是使用網頁開發工具去觀察所有網頁元素...
而如何開啟網頁開發工具,其實各瀏覽器幾乎都內建好了.
1. 網頁開發工具步驟:開啟自己的Blogger首頁-滑鼠右鍵-檢查
按下檢查後,可以透過網頁開發工具輕易看到所有網頁架構和網頁設計...等,
透過此工具檢查網頁所有可能存在的問題.
這個工具好用的地方在於你可以輕鬆對應每個網頁區塊與網頁元素.
步驟如下: 點擊-選去網頁各區塊-檢查對應的網頁元素
如果此工具會使用,但對網頁架構無基本認識,大家可以先至各大學習平台認識一下HTML架構.
認識完後,你會發現網頁開發工具超神奇.
使用完網頁開發工具後,找到要改的地方.
接著來到Blogger-範本-編輯HTML
點擊編輯HTML 會看到一堆網頁原始碼
2. 查找快捷鍵
快捷鍵(hot key)我相信大家都不陌生.
但在編寫網頁時(原始碼),常會被一長串密密麻麻的code看得頭昏腦脹,等自己找到要修要改的地方時,眼睛都瞎了.
這時一定用的到的快捷鍵為查找快捷鍵.(Crtl+F),記得在使用前先點到原始碼內嵌頁面.
可以看到原始碼內嵌頁面右上方多了一個Search Bar.
在裡面搜尋你想修改或尋找的網頁元素,找到後就可依照自己的意思快速客製化自己的網頁囉.
這部分可能牽涉到很多語法問題,建議大家在修改前,先將Blogger的設定弄好.
弄完後再改網頁原始碼時,不要忘了把修改前的code貼到筆記本裡,以免動完刀發現錯誤導致整個網頁崩潰,那就真的悲劇囉.
0 Comment