Blogger 範本各區塊程式碼

有時後想在 Blogger 放一些小工具、或做一些版面修改,如果不熟悉 Blogger 範本各區塊的程式碼,就不容易找到正確的位置。以下幾篇整理了 Blogger 範本中各個主要區塊的程式碼──

標頭、導覽列、側邊欄、頁尾 區塊 的程式碼:http://wayne-fu.blogspot.com/2013/03/blogger-template.html

文章及留言區塊 的程式碼:http://wayne-fu.blogspot.com/2013/04/blogger-template-post.html

各種註解方式及區塊的修改:http://wayne-fu.blogspot.com/2013/02/blogger-template-remark.html

如果是常修改範本的站長,那麼這幾篇可以當成查閱的參考文件。例如想把 "讚" 按鈕放在「張貼者(文章作者資訊)」的上方,就可以查閱「文章及留言區塊的程式碼」這一篇,來找到對應的程式碼,讓 "讚" 按鈕能夠顯示在自訂的位置。

就算沒有安裝各種小工具的需求,閱讀一下這幾篇的內容,也是能自行修改官方制式的文字、圖案等等,讓自己的 Blogger 與眾不同!


Ad Fan (廣告小妹)
我很想在我的導覽列的下方再加一塊,這樣我可以加廣告.....
之前試過的方法都只能讓我在標頭下方加區塊,可這不是我要的!(吶喊)

Wayne Fu
+廣告小妹  可以參考「各種註解方式及區塊的修改」那一篇,把廣告的那個小工具「AdSense」拉到「網頁」小工具的下方就行了

Ad Fan (廣告小妹)
最後還是沒有添加 section 成功... 不過呢!!!人生最重要的就是這個 but。我還是土法煉鋼地把 728 x 90 廣告貼上去了。(然後把空白的小區塊放了一個迷你版的「簡繁切換」widget)
有時笨方法還是挺奏效的(笑)

Wayne Fu
不用添加 sectioin 啦~用滑鼠拉一拉就行了

看到你的效果了,你把 html/javascript 拉到文章區塊的上方,
那麼也是可以用同樣的方法,把 AdSense 小工具拉到這個位置的。

Melody Lin
這篇對我來說好實用,上次想改動我的blogger但是失敗了,可能跟我程式碼改錯地方有關,謝謝你的分享!!

[教學]Blogger 範本﹍(2) 標頭、導覽列、側邊欄、頁尾區塊的程式碼
本文為 Blogger 範本各個區塊的程式碼整理,包含除了文章區塊外的所有區塊(標頭、導覽列、側邊欄、頁尾區塊),並附帶簡單說明。...

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。