BLOGGER首页显示摘要–我BLOGGER使用中的优化

一个很完美的方案，至少我是这么觉得，在网上找了很多资料，这个算比较不错的，

首页摘要优化:根据字数定摘要.(我现在采用的方案)

需要修改模板,在post-body的定义中,把<p><data:post.body/></p>

改为

<!– added by WangLu –>

<!– display summary on the main page –>

<b:if cond=’data:blog.pageType == “item”‘>

<b:else/>

<WL_SUMMARY />

<p>

<data:post.body/>

</p>

</div>

…<br/>

<br/>

</div>

</b:if>

然后添加javascriot页面元素(我这里直接往模板里写总出错)

<!– added by WangLu for displaying summary in the main page –>

var all_summaries = document.getElementsByTagName(“WL_SUMMARY”);

var num_of_char = 500;

for (var i=0; i < all_summaries.length ; ++i)

{

var summary = all_summaries.item(i);

var b = summary.nextSibling; //body

while( (!b) || (b.className!=”wl_body”)) b = b.nextSibling;

if(!b) continue; //error!

var r = b.nextSibling; //readmore

while( (!r) || (r.className!=”wl_read_more”)) r = r.nextSibling;

if(!r) continue; //error!

if (b.innerHTML.length < num_of_char)

r.style.display=”none”; //don’t show ‘read more’ for short articles

else

b.innerHTML = b.innerHTML.substring(0,num_of_char); //truncate

}

</script>

就好了.

还有就是这里var num_of_char = 500; 500是我要首页显示500个字符，大家可以自定义调节，

这个的好处是能智能辨别，如果有超过500字符就会显示read more，没有超过的话就不会显示，

C