1.修改 HTML
2.找到 ]]>
3.將下列程式碼COPY 至2.之前
4.將紅色部分的圖檔COPY 至自己的網路空間
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px;
padding-top:3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3X_UkQXP5-egu_sIkE7Q3NJgffE6SXtlECsvhlyU036ZlT-reO5jBdwUzyCoEDtoLmZgvCjLzzAHt-9jkmyoJLWNaOs9T21J0I3quqvbcVmzR5zEAvoVmaXe4kVF9Wq4Ikp6RL1mN1MEz/s512/comment%252520bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}
]]>
}
參考網站：http://helplogger.blogspot.ro/2012/06/numbered-comments-on-threaded-comments.html
留言測試
回覆刪除留言測試
回覆刪除