blogger beta 真正文章伸展全功能

感謝Hackosphere的伸展功能﹐再加上BeaifulBeta的附屬功能讓首頁文章終於可以像一班blogger一樣展開縮回了﹐你可以試試看我的首頁read more 及 summary only功能。
前一篇的就可以不用再試了﹐畢竟那會跳到單一文章。

詳細步驟如下
1.在</script>之後﹐</head>前加入下段語法
<script type="text/javascript" src="http://www.anniyalogam.com/widgets/hackosphere.js"></script>

2.搜尋<div class='post-header-line-1'/>,看到下段語法(似乎有兩段﹐找一段上半部一樣的）﹐再加入紅色字

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>


3.在你的SETTING的FORMAT中POST TEMPLATE再加入下面字
摘要
<span id="fullpost">
隱藏文字
</span>

你的舊文章若要伸縮功能﹐就須自己再一一加入修改了。

Tags search:blogger beta

Filed Tags:blogger_beta