Friday, April 13, 2007

在Blogger的任何位置加入網頁元素!

如需轉載本文請註明本文出處(daemoncat.blogspot.com)

Blogger預設只讓你在側欄(sidebar)與底欄(footer)加入新的網頁元素

但是只要小小的修改就可以讓標頭(header)與主欄(main)也可以加入新的網頁元素喔!


原本的樣子:


修改後的子:


方法如下:

先登入後,來到 範本-->修改html
建議每次修改前先備份: 下載完整模版


一、修改標頭欄(header)

1.按ctrl+f (關鍵字:id='header')找到下列兩行:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='月亮上的三腳貓(標頭)' type='Header'/>

2.把maxwidgets拿掉、showaddelement='yes'、locked='false'變成下面的樣子:
<b:section class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='月亮上的三腳貓(標頭)' type='Header'/>

說明:
maxwidgets:限制可以放幾個網頁元素。
showaddelement:是否顯示"加入網頁元素"
locked:是否鎖定各網頁元素(可不可以移動)


二、修改主欄(main)

1.按ctrl+f (關鍵字:id='main')找到下列兩行:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='blog 文章' type='Blog'>

2.修改showaddelement='yes'、locked='false'變成下面的樣子:
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='blog 文章' type='Blog'>


三、儲存範本後到 範本--> 網頁元素 去看看吧!

5 comments:

  1. 請問一下有辦法將文章加入執行JavaScript的功能呢?謝謝。

    ReplyDelete
  2. 本文的做法可以在文章區塊的前面或後面加入Blogger預設的網頁元素(Html/JavaScript)
    如果您想要的效果是在文章裡面(字與字之間)加入固定的JavaScript
    Sorry,這方面我不是很在行:P

    不過您可以參考下列網址都是自動在blogger文章中放入Adsense廣告的方法(同理,您可以改成您要的JavaScript):
    http://gaytw.blogspot.com/2007/04/google-blogger-google-adsense.html
    http://www.wretch.cc/blog/CGS&article_id=12376799

    ReplyDelete
  3. 非常感謝囉。

    ReplyDelete
  4. 感謝您的分享囉!!!

    ReplyDelete