網頁元素的網誌文章設定 - 部落格

※ 引述《gorira (果力拉)》之銘言：
: 設定裡面可以更改 發表人 發表時間 留言 分類 的排列，
: 可是我發現即使更動了排列也存檔了，顯示的時候還是不會照我排的出現。
: 還是一樣 發表人 時間 留言 分類
: 有什麼方法可以改變排列順序呢？

你說的那些叫做網誌文章排列項目

無法移動的解決方法有兩種：(如果是缺少的case也適用這篇)

1. 版面配置→修改HTML→按下將迷你組件範本回復為預設值

　 這樣子雖然可以補回缺少的文章排列項目

並讓它隨版面配置擺放的位置呈現

　 但是其他需要展開小裝置範本才能修改的hack也會跟著不見

所以如果是使用別人的範本or有自己hack過的話還是用第二種方法吧

----------------------------------------------------------------

2. 版面配置→修改HTML→展開小裝置範本→手動搬移/補回程式碼

排列項目的程式碼通常都是由一組<span>開頭，</span>結尾所組成的

通常會出現在這幾種地方：

a. 文章結尾
<p class='post-footer-line post-footer-line-1'>
這裡
</p>

類似的還有
<p class='post-footer-line post-footer-line-2' />
<p class='post-footer-line post-footer-line-3' />

這三行東西就是你在版面配置編輯時，文章結尾下面那三行可以放置的區塊

如果你要搬來post-footer-line-2，請記得把它改成如下：
<p class='post-footer-line post-footer-line-2'>
文章排列項目
</p>

搬到post-footer-line-3也是以此類推啦～

b. 文章標題下面
<div class='post-header-line-1'>
這裡
</div>

有些網站提供的免費範本像羊男的BlackCoffee，就是放在文章標題下

----------------------------------------------------------------------

以下就列出各排列項目的程式碼：

<!-- 發文者 -->
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>


<!-- po文時間 -->
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>


<!-- 回應數 -->
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/><data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>


<!-- 此文章的標籤 -->
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>


<!-- 反向連結，當後台有將反向連結打開才會出現 -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url +
"#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>


<!-- 這篇文章讓你覺得好玩？有趣？酷？ -->
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe'
expr:src='data:post.reactionsUrl' frameborder='0' name='reactions'
scrolling='no'/></td>
</tr></table>
</b:if>
</span>


e-mail轉寄和快速編輯小鉛筆(quickedit pencil)
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action'
src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>


快速編輯小鉛筆(quickedit pencil)還要檢查範本裡有無這段
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

如果沒有的話請複製起來
貼到範本裡<b:includable id='comments' var='post'>這一行的上面

以上謝謝收看～

--