我的blogger終於有留言區別啦~~XD

終於有區別啦~~
之前改老半天都沒有區別~~
參考了好多總是找不到要覆蓋的html
後來我就一筆一筆搜尋才找到~~


應該是因為別人的文章都是好久以前的
而我現在用的範本都有所更新
語法也有些許不同
來分析一下語法在講什麼好了~~

以下是藍色的是加上去的部分
黑色的當然就是原本的嘍!!
我還砍掉了一串
有時間再去研究這一串在講啥~~

發揮統哥寫程式精神~~
就是要有註解嘛~~

<b:if cond='data:comment.author ==
data:post.author'> //如果留言者即為文章撰寫者
<p>
<div class='comment-me'>  //則使用comment-me 的css屬性
<data:comment.body/>
</div>
</p>
<b:else/>
<p><data:comment.body/></p> //否則使用原本留言的屬性
</b:if>

.comment-me {
margin-right: 35px;          //往右邊移 35個pixel
margin-bottom: 5px;          //網屁股移 5個pixel...XD
color: #666666;              //字要用顏色 #666666
font-size: 8pt;              //字的size為 8pt
line-height: 1.5em;          //行高 1.5em
background-color: #E0ECFF;   //背景色為 #E0ECFF
border: 1px dotted #C0C0C0;  //邊框寬 1px 顏色為 #C0C0C0
padding:5px;                 //最底下要留 5個pixel
}

以上註解都是猜的啦!!
可是我想~~應該是不會差太多~~
是直接從別人那貼過來的~~
所以顏色之後再搭配啦~~
感覺是不難啦~~但是標籤式語言的缺點...
就是這邊穿插一點那邊穿插一點~~
在看的時候真的很容易看錯
如果沒有註解 那要看一遍就了 真的不容易~~
畢竟我也沒有多強...= =|||
不過~~ 終於有區別啦~~
至於開頭的那個ico "B"
之後再改~~這樣區別會再好一點~~

至於那個code的顯示方塊則是參考另一篇...
他的code如下~

CODE {
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;
line-height:
1.2em;
}

然後就是一個不錯用的HTML Editor
叫做FreeTextBox
他會自動把你編輯在普通文字中的code
改為不會執行的code~~
省去不少麻煩

參考文章:
1. 加強 blogger作者留言和一般留言的區分
2. Blogger 美化Code