Blogger的Read more / Summary only 的摘要功能

其實這個非常漂亮的功能是我當初選擇Blogger的眾多考量之一。

我是一個有看別人Blog習慣的人，所以很多家Blog都看過，但是沒有一家能夠辦到這麼快速地打開文章。（起碼我沒有看過）

很多人問我是怎麼辦到的，其實也不難，只要善用ctrl+F（註1），多一點點耐心稍微看一下語法，你也可做到。


首先，從版面配置→修改 HTML

我們先把範本備份起來，以防萬一。



接著，點選小裝置範本。



用ctrl+F找到div class="'post-header-line-1'/這段code。



在下面，將框起的這一段



用下面這段取代。

<div class='post-body entry-content' expr:id='&quot;post-&quot; + data:post.id'><b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p><b:else/><style>#fullpost {display:none;}</style>&gt;

<p><data:post.body/></p>

<span id='showlink'><p><a expr:onclick='&quot;javascript:showFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>Read More...</a></p></span><span id='hidelink' style='display:none'><p><a expr:onclick='&quot;javascript:hideFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>Summary only...</a></p></span><script type='text/javascript'>checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;)</script></b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

然後到 設定→格式→文章範本，把下面這段貼上。

。

<span id="fullpost"> 。 </span>

這樣，每次發表文章時，只要用Html模式，把要隱藏的部分放在

<span id="fullpost"> 。 </span>

這兩個之間，就可以了。（句點可以無視）


結束後，回到Blog首頁看看成不成功吧！



註1：要玩Blogger，或者想要從人家的網頁/相簿/Blog上拔東西，一定要學會用這招。最常用在原始碼上。


2008.7.25