WangAguo wa wa wa: Blogger

2007年6月8日星期五

線上工具–HTML unicode

資料來源: http://joshnote.wordpress.com/2007/02/13/%e7%b7%9a%e4%b8%8a%e5%b7%a5%e5%85%b7%e2%80%93html-unicode/

當你在Blog要貼上html程式碼時，最麻煩的是什麼？

我想有經驗的人一定知道，那就是<和>這兩個符號，常常動不動就被吃掉，偏偏這兩個符號又最常用，在我剛用Blogger的時侯，就常常為了要使<和>這兩個符號正常顯示而花了不少時間。

現在我介紹給各位一個好物，很方便的線上工具–HTML unicode，如下圖：

當你下次要在Blog上貼上Html程式碼時，只要到HTML unicode這裡，把你的程式碼貼在 Original這個textarea內，它就會把轉換好的程式碼顯示在Charcode這個textarea之中，你再Copy到你的文章之中就行了，很方便吧！

2007年6月7日星期四

Blogger新版Template的ReadMore

設定->格式->文章範本

1. 填入: 這裡是文章的開頭。 <span class="fullpost">這裡是文章的其餘部份。</span>
2. 存檔

範本->修改 HTML

0.備份 / 還原模版->在編輯模版之前，先儲存一份模版。 (重要)

1.核選"展開小裝置範本" (重要)

2.在<Head></Head>中加入

<style type="text/css">
  <b:if cond='data:blog.pageType == "item"'> 
    span.fullpost {display:inline;}
  <b:else/>
    span.fullpost {display:none;} 
  </b:if>
</style>

3.在<div class='post-body'></div>中加入

<b:if cond='data:blog.pageType != "item"'>
  <br/>
  <b:if cond='data:post.link'>
    <a expr:href='data:post.link'>Read more!</a>
  <b:else/>
    <b:if cond='data:post.url'>
      <a expr:href='data:post.url'>Read more!</a>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
</b:if>

接著再新增一篇文章試試! 把不顯示的部份放在<span class="fullpost"></span>之中.
您可再做一些調整讓畫面更好看.
以上是給新版本Blogger的Template用的.

以下是相關的說明網頁, 都有一些小問題, 舊版的是"傳統範本", 新本的是[版面配置], 我是依照說明再做修改才能運作的.
原說明的<a href="<data:post.url/>">Read more!</a>是有問題的!

http://help.blogger.com/bin/answer.py?answer=42215
http://help.blogger.com/bin/answer.py?answer=42214
http://help.blogger.com/bin/answer.py?answer=46995

網頁

2007年6月8日 星期五