在http://www.xavierliu.com/2009/05/blogger-hack-auto-read-more.html看到有個好用的"繼續閱讀"
只要把程式碼嵌入到範本裡一次 之後每篇文章不用再嵌入code
自己就會設好繼續閱讀 研究了一下他的原始碼 大概的原理是用了rss feed本身的文章大綱略覽功能
把我們用rss訂閱的時候看到的大綱取代了完整的文章 等到使用者按繼續閱讀的時候才顯示所有文章
好處是真的很快 改個三十秒就可以上了(我連備份都懶的備就直接改了) 缺點的話大概就是沒辦法自己設定哪些地方要繼續閱讀才看的到(因為沒有自設tag)
從原出處轉一小段設定的步驟:
"
http://autoreadmore.blogspot.com/
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'/>
<script type='text/javascript'>
var blogID = "2977027413120105432";
function retriveSummaryPost<data:post.id/>(json){document.getElementById("summary<data:post.id/>").innerHTML
= json.entry.summary.$t + "..."}
function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement("script");
script.src = "http://www.blogger.com/feeds/"+blogID+"/posts/summary/"+POSTID+"?alt=json-in-script&callback=retriveSummaryPost<data:post.id/>";
script.type = "text/javascript"; document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>("<data:post.id/>");
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>(繼續閱讀read more...)</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='post_body'><data:post.body/></div>
</b:if>
步驟4 儲存 > 大功告成
"
後續文章:
發現使用"繼續閱讀"的功能會讓ie6當機 (解決方法) http://blog.wahahajk.com/2009/06/ie6.html
--
只要把程式碼嵌入到範本裡一次 之後每篇文章不用再嵌入code
自己就會設好繼續閱讀 研究了一下他的原始碼 大概的原理是用了rss feed本身的文章大綱略覽功能
把我們用rss訂閱的時候看到的大綱取代了完整的文章 等到使用者按繼續閱讀的時候才顯示所有文章
好處是真的很快 改個三十秒就可以上了(我連備份都懶的備就直接改了) 缺點的話大概就是沒辦法自己設定哪些地方要繼續閱讀才看的到(因為沒有自設tag)
從原出處轉一小段設定的步驟:
"
範例:
http://autoreadmore.blogspot.com/
步驟1 請先備份好模板
步驟2 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾
步驟3 搜尋 <data:post.body/> 並且用下面的程式碼取代 <data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'/>
<script type='text/javascript'>
var blogID = "2977027413120105432";
function retriveSummaryPost<data:post.id/>(json){document.getElementById("summary<data:post.id/>").innerHTML
= json.entry.summary.$t + "..."}
function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement("script");
script.src = "http://www.blogger.com/feeds/"+blogID+"/posts/summary/"+POSTID+"?alt=json-in-script&callback=retriveSummaryPost<data:post.id/>";
script.type = "text/javascript"; document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>("<data:post.id/>");
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>(繼續閱讀read more...)</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='post_body'><data:post.body/></div>
</b:if>
步驟4 儲存 > 大功告成
"
後續文章:
發現使用"繼續閱讀"的功能會讓ie6當機 (解決方法) http://blog.wahahajk.com/2009/06/ie6.html
--
0 意見:
張貼留言張貼留言