Blogger 網誌文章可開啟/摺疊

2010年4月24日 星期六 張貼者： 夢無痕
        接觸了Blooger幾天下來，發現網誌文章每一頁都是全開的，因此造成首頁的整體感看起來非常的冗長，因此上網google了一下，在這個網頁-Not My Business-找到了解決方法。
修改方法如下 :
        一. 控制主頁 > 版面配置 > 修改 HTML > 把 展開小裝置範本 打勾
        二. 把以下程式貼在</head>上面
        三.接著把紅色部份的代碼插入，而綠色的代碼可以改為自己想要的中文字，最後儲存範本。(有些範本會沒有uncustomized-post-template，是正常情況所以請依各個網誌架構而異) 
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
 expr:id='"post-" + data:post.id'>
<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'>

<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 href='javascript:void(0);' 
expr:onclick='"javascript:showFull
(\"post-" + data:post.id + "\");"'>
Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' 
expr:onclick='"javascript:hideFull
(\"post-" + data:post.id + "\");"'>
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>
       六. 設定 > 格式 裡把下面語法放到最下面的文章範本裡，當新增文章時，自己調整要顯示文章的部份。 
顯示文章的部份

隱藏文章的部份

歡迎分享


標籤：

張貼留言

訂閱： 張貼留言 (Atom)