作者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)