忍者ブログ

刻ノ深淵

低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。

2017.12│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

続きを読むの折り畳み。

■続きを読むの折り畳みの方法。

上手く言えませんが、デェフォルトの『続きを読む』のリンクが何だか嫌だったのです。
シャッターのように頁はそのままで開閉する感じのが良くて、色々検索をかけて調べた結果、下記のブログサイト様の説明が一番分かりやすくて助かりました。
ありがとう御座いますっ!

■CHELLCY;忍者ブログ 続きを読む の折り畳み
 http://chellcy.blog.shinobi.jp/Entry/3/

1)HTML内の<head>~</head>に以下のJavaScriptを記述記述する。
<script language="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>

2)HTML内の<!--if_not_entry-->~<!--/if_not_entry-->の中身を下記に差し替える。

<!--if_not_entry-->
<!--if_ps_text-->
<div id="varP<!--$entry_no-->" class="EntryPsText">
<a href="<!--$entry_link-->#<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;"><!--$entry_ps_title--></a>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none" class="EntryText"><!--$entry_ps_text-->
<a href="#entry<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,0);return true;">×Close</a>
</div>
<!--/if_ps_text-->
<!--/if_not_entry-->

拍手[3回]

PR
*COMMENT-コメント-
*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。 
■カレンダー
11 2017/12 01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
■プロフィール
HN:
sui
性別:
非公開
■最新記事
---2013/10/24 00:06
---2013/10/23 23:48
---2013/02/03 22:59
---2012/07/29 19:36
---2012/07/29 18:16
■最新コメント
[02/05 mic]
[05/01 きろ]
[04/23 きろ]
[03/25 通りすがり]
[03/23 通りすがり]
■ブログ内検索
■バーコード
■カウンター
■ブクログ
■防振ゴム
天然ゴムシート GS-16
天然ゴムシート GS-16
■CAC化粧品
■DHC
■B・R・Y
■楽天
■ポイントサイト
■アンケートサイト
マクロミルへ登録
■アド
■フリーエリア