iPlay99玩樂誌

之前看過有些人的部落格文章的第一個字會變大(或稱為首字變大、首字下沉)，查了一下它的做法，使用方式似乎只能夠半手動加入，沒全自動的，結果變雞肋了，感覺有點可惜，以下是相關的一些筆記說明：

第一個字變大(首字變大、首字下沉)手動加上樣式語法

做法一：使用 span 標籤

其實做法與 code 語法類似，請進到「範本」>>「修改html」，並將底下的css語法複製貼上到 </b:skin> 之前：

.fb {
font-size:280%;
font-weight:bold;
float:left;
margin-right:3px;
}

接著，在HTML編輯模式，手動用<span>語法將文章第一個字包起來即可，如下所示：

<p><span class="fb">測</span>試第一個字變大的效果，第一個字變大</p>

做法二：使用 p 段落標籤與 first-letter 元素

一開始也是先定義 css 的語法，請進到「範本」>>「修改html」，並將底下的css語法複製貼上到 </b:skin> 之前：

#fb:first-letter {
color:#CCCCCC;
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
}

接著，在HTML編輯模式，替文章一開始的<p> 段落標籤套用樣式，如下所示：

<p id="fb">測試第一個字變大的效果，第一個字變大</p>

以上，兩個做法，是我目前網路上找得到的，因為我想找全自動的，結果找來找去，原理都脫不了上述兩種做法，用 wordpress 自己架站似乎有外掛可達到全自動的功能，希望 blogger 的玩家也能寫一個出來造福大眾，要不然光想到還要修改過去的文章，感覺就很累，我想這個功能以後可能會用在文字較多的文章吧。

講完，收工。

參考文章：

http://www.w3schools.com/css/css_pseudo_elements.asp by w3schools

http://jteh.blogspot.com/2007/10/blog-post_08.html by Jackie

http://yanfeng.org/blog/380/ by 桑葚

Technorati 的標籤：第一個字變大,首字下沉,首字變大,blogger hack,css