"Read More .."リンクで”要約/全文”を切り替える. このエントリーを含むはてなブックマーク

Blogger Beta版ではすべて文章全文を表示している、要約だけを表示する機能はない。RamaniHansPeak-A-Bee Posts Hackっていうプラグインを公開しました。

 このプラグインでは、要約と全文をひとつの画面で切り替え表示できます、そして、要約ない文章には”Read More ..."リンクも表示しない。

 ここで日本語に訳してみました、参照になれば幸です。

 1、テンプレートをバックアップする
 テンプレートの”Edit Html"ページの" Expand Widget Templates"チェックをいれ、一番上にある”Download Full Template”で一回XMLファイルに落として好きなエディタで編集すれば楽です。バックアップも取れるし。

 2、下のコードを<head>~</head>の間に書く


<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />

上記のファイル"hackosphere.js"を落として、自分のhomepage spaceに置いたほうが安全です。

 3、テンプレートコードに”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 ....


4、Settings - Formatting の一番下の post-template枠に以下のコードを書いて保存する。

Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>

<span>~</span>の前に記事の要約を書く、<span>~</span>の間に隠したい部分を書けば要約だけが表示される。

0 コメント:

コメントを投稿

最新の記事

最新コメント