STEP:1
ココからhackosphere.jsをダウンロードする。
STEP:2
ダウンロードしたhackosphere.jsを適当な所にアップする。
今回はGoogle Page Creatorにアップロードする。
STEP:3
<head>～</head>の間に下記赤字のコードを追記する。
<script type='text/javascript'src='http://shakingidea.googlepages.com/hackosphere.js' /></script>
</head>
STEP:4
<b:includable id='post' var='post'>を検索して、下記赤字のコードを追記する。
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[続きがあれば読む]</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[記事を折りたたむ]</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div></div>
STEP:5
<span>～</span>の前に記事の要約を書く、<span>～</span>の間に隠したい部分を書けば要約だけが表示される。
Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>
0 coment:
Post a Comment