2007年5月29日星期二

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>


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

请将文中"﹝"改为"<"

HEMiDEMi Technorati Del.icio.us MyShare個人書籤 Yahoo

0 评论: