体验：一键Hack

上文中提到的JSON不知道有没有心动，没有？来体验一下吧，或许你会改变观点！

只要点击下面的按钮就可以“安装”Hack，无需修改任何代码，给喜欢偷懒的人带来的机会哦
首先，在Head之间引用JS，<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
1.最新文章模块（与通过RSS添加有所不同）

<br /><br/><script language="javascript">var numposts = 10;var numchars = 100; var showpostdate = true; var showpostsummary = true; </script> <script src="http://beautifulbeta.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showrecentposts"></script>

其中涉及到一些自定义选项。点击上面的按钮之后会出现对些模块的最基本设置，如标题，以及选择想要添加的Blog（前提你建了多个Blog）。下面有个“Edit Content”就是要编辑的内容了。点击一下。我们要针对自己的Blog做一些修改。

把“beautifulbeta.blogspot.com”替换成你的Blog地址;numposts代表要显示的文章数，默认为10;numchars代表显示摘要的字数，默认为100；showpostsummary是不是显示摘要，值为True和False;showpostdate是不是显示日期，值同样为True或False。

2.最新评论模块

<br/> <script language="javascript"> var numcomments = 10; var numchars = 100; var showposttitle = true; var showcommentdate = true; </script> <script src="http://beautifulbeta.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

同样我们要自定义一下以适应自己的Blog。替换 'beautifulbeta.blogspot.com' 为你的Blog地址;设置 numcomments为显示的评论数大小;numchars为评论摘要的字数;showposttitle是不是显示评论所属文章的标题，值为True或False;showcommentdate是不是显示评论日期，值为True或False;

3.搜索模块

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Go!" type="submit"/></form>

via BeautifulBeta&Hackospere