ブログデザイン勉強中さんのページを参考に、……というかそのまま使っています(笑)。
すこし複雑な部分もありますので、わたしなりに詳しく説明します。
HTMLにJavasprictを追加する
まずは[デザイン]>[HTML]から現在使用しているHTML名を選びます。
デフォルトHTMLを使用している場合は、右上にある[HTMLの追加]をクリックしてください。
新規(デフォルトHTMLと同じ内容)にHTMLを作ることが出来ます。
次に<head>と</head>に囲まれた部分<参考例>に、以下のスプリクトを追加します。
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>
それが終わったら保存します。
開いていた窓を閉じて、新しく追加したHTMLの適用ボタンを押します。
記事のHTMLを調整する
[デザイン]>[コンテンツ]から[記事]を選択し、
右上の[コンテンツHTML編集]から編集ページにいきます。
<% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
色のついた部分を以下の文章に変更します。
<% article.body | bodyfilter(article_info,blog) %><% if:article.body_more %><div id="varP<% article.id %>"><p class="readmore"><a href="<% article.page_url %>" onclick="showMore(<% article.id %>,'<% article.page_url %>');return false;"><% article.body_continue_text %></a></p></div> <div id="varXYZ<% article.id %>" style="display:none"><% article.body_more | bodyfilter(article_info,blog) %><p class="readclose"><a href="#<% article.id %>aa" onclick="showMore(<% article.id %>,0);return true;">閉じる</a></p></div><% /if -%>
それが終わったら保存します。
開いてた窓を閉じて、設定を反映するボタンを押します。


