回應欄位的位置排列如何更動 - 部落格

Catherine avatar
By Catherine
at 2011-09-06T11:04

Table of Contents

※ 引述《pummelo (荒川)》之銘言:
: 我想更動blogger內文頁的回應區塊排列位置
: 預設排列是這樣:
: 某某某提到
: 回應內容
: 回應時間
: 想改成像下面這樣
: 某某某 | 回應
: 回應時間 | 內容
: 請問這種排列方式應該怎麼改呢?
: google過似乎沒有相關的文章@@
: 謝謝~
昨天試了一天 把comments區塊底下的author body footer的順序調換成
author footer body
這樣回應者和回應時間排在一起了
位置變成

某某某
回應時間
回應內容

但還是參不透內容要移到和回應者同一行要修改哪裡
拿回應區程式碼來請教大家 希望能得到提示 謝謝


</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/></a>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px'
style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

<dd class='comment-body'
expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>


--

All Comments

Mary avatar
By Mary
at 2011-09-09T23:17
用div float的方式成功把內容和回應者和時間並排了
Suhail Hany avatar
By Suhail Hany
at 2011-09-10T16:20
但若內容太短,下個回應者&時間會接在內容下面 排版亂掉TAT
Andrew avatar
By Andrew
at 2011-09-15T07:45
套用Hemingway版型的回應區 已解決:)

新介面登場

Zenobia avatar
By Zenobia
at 2011-09-05T15:15
剛剛要寫文章的時候發現的,不太習慣,但還不錯用 其實我覺得越來越像是用Word在寫網誌了 其中編輯欄位和實際寬度設定一樣,所以編輯的時候就可以看到在blog顯示的樣子了 以下是官方blog的截圖和介紹: http://buzz.blogger.com/2011/08/bloggers-fresh-new-lo ...

回應欄位的位置排列如何更動

Suhail Hany avatar
By Suhail Hany
at 2011-09-05T14:05
我想更動blogger內文頁的回應區塊排列位置 預設排列是這樣: 某某某提到 回應內容 回應時間 想改成像下面這樣 某某某 | 回應 回應時間 | 內容 請問這種排列方式應該怎麼改呢? google過似乎沒有相關的文章atat 謝謝~ - ...

維修好久...

Elizabeth avatar
By Elizabeth
at 2011-09-05T13:46
原本是說系統維護到早上9點會好 後來9點沒好就延到11點 現在是可以連上了 可是網誌內容還有影片照片都無法正常觀看... 不知道什麼時候才會完全好atat - ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Ivy avatar
By Ivy
at 2011-09-04T18:24
ID:vicvicky 網址:http://sunnyhuang0410.pixnet.net/blog 站名:☆Sunny對話☆ 架站環境:痞客邦 PIXNET 簡介:一個從苗栗北上定居的假台北人的生活哲學 收藏實用且喜好的資訊,也分享生活的點點滴滴 RSS:http://feed. ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Catherine avatar
By Catherine
at 2011-09-03T03:04
ID:bluesky0928 網址:http://www.wretch.cc/blog/bluesky0928 站名: [ I ♥ Travel‧Food ] 架站環境:無名小站 簡介: 喜歡吃喝玩樂,所以大多PO些遊記和食記~ 偶而會寫些血拼文!! 希望能和大家分享更多文章! :) ...