2009年6月12日 星期五

怎麼插入背景音樂?

<embed src="音樂網址" width="230" height="10" autostart="0" loop="1" type="audio/x-ms-wma"></embed>

將這段語法放在文章中或是邊欄,在放的地方會出現播放音樂的小視窗。


width設定寬度,height設定高度。

autostart=1,表示自動播放背景音樂,最好是設成0,讓閱讀者自己決定是否播放。

loop=1表示循環播放,loop=2表示播放2次。

文字的特殊變化

目前blogger後台提供的文字效果,只有斜體<em>及粗體<strong>,如果想要有別的效果,則要自己加上相關語法,最常用的有:

1、劃線、刪除線:前後加上<;s>要刪除的文字<;/s>,或是<;STRIKE>要刪除的文字,例如:刪除文字

2、加上底線:<U>文字敘述<U>,例如:文字底線

3、加上分格線<;hr>





4、<SUB>下標字
例如:y2

5、<SUP>上標字
例如:x2

如何顯示特殊字元?

通常在文章中要加入程式碼,一些特殊字元在html通常會無法顯示,例如<>&等等,這時就要以另外的程式碼放在html裡面來代替原有的字元才能正常顯示,常見的有下列幾個。
< 以&lt; 替代 > 以&gt; 替代
& 以&amp; 替代
© 以&#169; 或是 &copy; 替代
® 以 &reg; 替代
空白 以&nbsp; 替代
如果想要更多有趣的特殊符號,在 HTML 中顯示特殊字碼 (Times字型)

加上刪除線

有時Blogging時,因為後來有Update或是有寫錯筆誤之處,便會想要加上刪除線作為Highlight,而非直接在文章中刪除,同時也比較醒目,方便讀者閱覽..


作法如下:<span style="text-decoration: line-through;"> deleted text part </span>

效果

deleted text part

在文章裡顯示程式碼區

1.在「範本」裡面的「修改html」放在</head>之前即可。

CODE, .Actipro_CodeHighlighter {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px; /*height:200px; // for IE6*/
line-height: 1.2em;
}


2.在文章中將程式碼置於< code>< /code>區塊中即可,如:
< code>.comment-body-author {
margin:0;
padding:0 0 0 20px;

background-color:#C0C0C0;
}< /code>


效果
.comment-body-author {
margin:0;
padding:0 0 0 20px;

background-color:#C0C0C0;
}

2009年6月4日 星期四

繼續閱讀文章的設定

首先在 EDIT HTML 頁面中點選 Expand Widget Templates 後,在</b:skin>標籤後加入下列區段:
..........略
]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>


在語法中搜尋 <data:post.body/>,原本的樣子是:

<p><data:post.body/><p>

改成:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> read more... </a>
</b:if>



是為了讓 read more 接本文時可以斷行,寫文章的時候,只要把想要隱藏的文章區段用<span class="fullpost">...</span>包起來即可:

本文..... <span class="fullpost">(本文要隱藏的部分) </span>