如果首頁的文章過長或是圖片過多，一樣會影響到首頁的瀏覽速度。 所以這篇利用Javascipt，把想要隱藏的文章直接remove掉，提高首頁的讀取效率，並且還具有點擊『Read More』標籤時才出現全文的功能。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

在之前放入下列的Code。(可以把『Read More』改成『繼續閱讀』)

<script type="text/Javascript">

function hidePost(postUrl)

{

var label=document.getElementById("fullpost");

if(label!=null){

eA = document.createElement("a");

eA.setAttribute("href",postUrl);

eA.setAttribute("title","Read More");

eA.appendChild(document.createTextNode("...Read More"));

eB = document.createElement("p");

eB.setAttribute("id","read-more");

eB.appendChild(eA);

label.parentNode.appendChild(eB);

label.parentNode.removeChild(label);}

}

</script>

Step 07

使用『搜尋文字功能』找到下列的 Code。

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

然後用下面的code取代上面的Code。

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

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.url'>

<script type='text/javascript'>hidePost('<data:post.url/>');</script>

</b:if>

</b:if>

Step 08

最後，去『設定』的『格式』，如下圖。

Step 09

把下列的Code Copy下來，然後貼在『文章範本』裏，再按『儲存設定』。

<div id="fullpost"> </div>

Step 10

以後只要把想隱藏的文章寫在下面兩段Code之間就行了。

<div id="fullpost">

//想要隱藏的文章部分

</div>

完成！