作者b0339576 (<(￣︶￣)>)
看板Blog
標題Re: [Blogger] 網頁元素的網誌文章設定
時間Mon Dec 14 21:02:00 2009
※ 引述《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> </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'>這一行的上面
以上謝謝收看～
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.25.115
※ 編輯: b0339576 來自: 218.171.242.184 (04/11 14:51)
※ 編輯: b0339576 來自: 218.171.242.184 (04/11 14:54)