Blogger Beta版ではすべて文章全文を表示している、要約だけを表示する機能はない。Ramani 和HansはPeak-A-Bee Posts Hackっていうプラグインを公開しました。
このプラグインでは、要約と全文をひとつの画面で切り替え表示できます、そして、要約ない文章には”Read More ..."リンクも表示しない。
ここで日本語に訳してみました、参照になれば幸です。
１、テンプレートをバックアップする
テンプレートの”Edit Html"ページの" Expand Widget Templates"チェックをいれ、一番上にある”Download Full Template”で一回XMLファイルに落として好きなエディタで編集すれば楽です。バックアップも取れるし。
２、下のコードを<head>～</head>の間に書く
<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />
上記のファイル"hackosphere.js"を落として、自分のhomepage spaceに置いたほうが安全です。
３、テンプレートコードに”post”セッションのコードを探す、赤い部分は追加するコード
<b:includable id='post' var='post'>
<div class='post'>
<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);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>Summary only...</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>
.... rest of template code ....
４、Settings - Formatting の一番下の post-template枠に以下のコードを書いて保存する。
Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>
<span>～</span>の前に記事の要約を書く、<span>～</span>の間に隠したい部分を書けば要約だけが表示される。
2006/09/30
"Read More .."リンクで”要約／全文”を切り替える.
登録:
コメントの投稿 (Atom)
0 コメント:
コメントを投稿