回到首頁
章魚約翰的Flickr
關於章魚約翰
回到最上方
留言板
訂閱我的RSS
寫信給章魚約翰
Loading...Please wait...
Feed on
Posts

【Blogger】讓作者回文與眾不同

你的Blogger也許有非常火紅的文章~~
也因此,回應的文章也許會堆積如山…比爸爸還要高!!
也因此,你的讀者會想要看到原作者你的回覆!!
也因此,如果你的回覆文的layout跟別人不同的話,對你的讀者來說會更方便閱讀!!
也因此,你的讀者會越來越多~~
也因此,你的回文會多上加多,比玉山高、比喜馬來雅山高,更比你爺爺還要高!!
也因此,………

透過下面這一段Blogger的語法的修改、增加,可以把原作者的回應利用顏色來區隔
方便其他人的辨識、閱讀!!

Step 1: 登入Blogger並進入修改HTML頁面

Step 2: 勾選"展開小裝置範本"

Step 3: 先找到CSS的段落,並加入下面的CSS語法,紅色部份為你的文章要用什麼顏色Highlight
.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}


Step 4: 張大你的眼睛,找到下面這一段語法
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'> <data:comment.body/> </span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>


Step 5: 在它的上面及下面各加上下面紅色部份語法
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'> <data:comment.body/> </span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>


Step 6: 打完收工,按下儲存

如此,以後就不會反客為主、圖地反轉囉~~

※參考來源:
Ben's部落不及格: 把部落主人的話給擦得火亮

0 Comments:

張貼留言

 
子物件比較
20090725 20090726