Jas9 Blog – 生活誌

參考資訊

本文發表於 2004-11-19

分類為《技術

blogger.com實作經驗

 blogger.com是我將近一年在網路試用各家免費blog平台後的最後結論,而Jas9 Taipei也是目前除了這個本站之外,我還持續在使用的blog工具。
 不過,選擇使用blogger.com的朋友,往往會面臨的第一個問題就是:如何消除Blogger.com的廣告和Nav bar?如何在blogger.com建立一個清爽版面?
 在這裡我把我在Jas9 Taipei上實作的經驗當作Know-how提供給大家當作參考。
 本篇文章提供:(1)消除廣告的實作步驟 (2)安裝外掛的實作步驟


 消除廣告的實作步驟 
 (1)進入blogger.com的個人管理介面
 (2)點選「Template」這一項,沒錯,我們需要改模版的語法。
 (3)在一堆語法裡找到<style >這個標籤,
我們需要加入四段語法到<style >與</style >之間:
    <style >
    ……
    table {display:none;}
    #b-navbar {display:none !important;}
    #blog-header {margin-top:-30px;}
    #wrapper {margin-top:0px !important;}
    ……
    <style >
 (4)接著,再找到<body >,以<noscript ><body ></noscript >取代之。
 (5)最後,存檔然後重新發佈即可。
 安裝外掛的實作步驟
  在Blogger
Help Topic Blogger Hacks
可以找到許多外掛(我統稱原有設置之外的加裝為外掛,不過以我使用php的經驗推測,Hacks指的比較是需要一步步改語法,而Mods則安裝與修語法皆有,Modules則多半只需要安裝)。
 不過,並不完全適用,建議修改之前記得先備份Template,要不然可能弄巧反拙。我大概全都試用過它建議的外掛,其中自動翻譯文章為其他語文這一項,因為google目前只提供From English,所以除非你以英文寫作,否則這一項可以跳過。我最後只裝了延伸閱讀(expandable post)這一項,所以在這裡就這一項說明一下。
(一)在<style>標籤裡,貼入CSS語法如下:
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
(二)在<$BlogItemBody$>標籤裡 ,貼上:
<MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">詳閱全文</a></MainOrArchivePage>
 其中詳閱全文這幾個文字可自由變更。
(三)進入自己的管理介面,點進Settings>Formatting,找到最底下的Post Template 欄,填入:
<p>簡介文字</p>
<span class="fullpost">詳細內文</span>
 這樣下次你Creat a new post時,它就會自動在填寫欄位裡而無須每次都動手輸入。
 不過,這個外掛並非完美,因為它自己本身沒法判斷文章是否有延伸內容,所以它便出現在每一篇文章裡。我猜想只要加一段判斷式應該就能像MT那樣聰明,不過,當然我並不知道那判斷式該怎麼寫,也沒時間去試,所以就擺著等看看有沒有來自高手的進一步資訊了。

10 Comments

  1. aikotsai
    2004 年 11 月 22 日

    感謝分享,馬上去試。

  2. 網中人
    2004 年 11 月 24 日

    謝謝jas9的指點,剛剛完成了http://e-space.blogspot.com/,不過要如何改成旁邊有日期或時鐘的版形?還請你多指點一下.謝謝
    (鄉村中的名為網中人)

  3. Jas
    2004 年 11 月 24 日

    網中人可以在[Template]裡修改版型,
    日期跟時鐘的語法麻煩你去自己在網路上找覺得合適的,
    通常免費提供這些服務的網站會給你一段語法,
    你只要把語法貼到<!– Begin #sidebar –>與<!– End #sidebar –>之間即可。
    假設你想在既有的版型Archieves下增加這些東西,
    那麼語法就是貼在Archieves那一段的</ul>之後,大概像這樣:
    —-以下為示範語法—-
    <h2 class="sidebar-title">Archives</h2>
    <ul>
    月份
    </ul>
    <h2>標題</h2>
    <ul>時鐘語法</ul>
    —-以上為示範語法—-
    祝你成功。

  4. 凱洛
    2004 年 11 月 29 日

    這真是太好用了

  5. Jas
    2004 年 11 月 30 日

    咦,凱洛也用得到這些嗎?

  6. R.I.=epiphysis
    2005 年 01 月 17 日

    泣云~~
    我會昏倒……
    就是搞不定blogspot所以才搬家…
    天啊,為啥不讓我早點看到這篇呢?

  7. Jas
    2005 年 01 月 17 日

    嗯,
    我也不知道,
    講天意又好像很奇怪,
    但總之事情就是這麼陰錯陽差,
    就像我看到yoshigi最近開始用的radio blog,
    也才想起自己的radio blog掛在站上很久沒動過了,
    往好處想就當作備而不用也好吧。

  8. 2006 年 10 月 03 日

    好感恩~~~~~~~~
    謝謝你的分享

  9. Andy
    2007 年 01 月 12 日

    不好意思!
    我在Template中找不到來加入那4段程式碼,以致於無法刪除Blogger的廣告列耶!

  10. Jas
    2007 年 01 月 22 日

    那是2004的情況,請參考:
    在Beta去除NavBar – Jas9 Taipei.
    http://jas9.blogspot.com/2006/12/betanavbar.html

發佈留言