忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR]記事関連続きを読む 開閉 変更

[PR]

03/31(Fri)  YESR2017

×

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

続きを読む 開閉 変更

03/07(Sun)  YESR2010

記事の読んだところから 続きをそのままで開閉

続き記事が良い見やすい

サンプルはこのページ 下 赤文字説明 クリック

<head>~~</head> </head>直上に記載
以下コピペ
<script language="javascript" 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>

次にエントリー部分中

<!--if_not_entry--> <!--if_ps_text--> ~ <!--/if_ps_text--><!--/if_not_entry-->
を変更
<!--if_not_entry-->
<!--if_ps_text-->
<div class="EntryPsText">
<span id="varP<!--$entry_no-->" class="more">
<a title="続きを読む" href="<!--$entry_link-->#<!--$entry_no-->" style="border: none;" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;"><!--$entry_ps_title--></a></span>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none">
<div class="EntryText">
<!--$entry_ps_text-->
<div class="EntryPsText"><span class="more"><a title="続きを隠す" href="#<!--$entry_no-->" style="border:none;" onclick="showMore(<!--$entry_no-->,0);return true;">... Close</a></span></div>
</div>
</div>
<!--/if_ps_text-->
<!--/if_not_entry-->

・title="続きを読む" 開くときマウスを乗せたときに表示させたい文字
続きが閉じている時、記事下部表示 

<!--$entry_ps_title--> 推薦
管理画面>ブログ詳細設定の
デフォルトの「つづきを読む」文言 
で設定したテキスト
または、管理画面>新しい記事を書く>追記リンクテキスト: で設定したテキストが入る

・title="元に戻す"
閉じるときマウスを乗せたときに表示させたい文字
続き"が開かれている状態から閉じるときのタイトル

... Close 表示させたい文字に変更
開いた続きを閉じるときの記事に表示リンクテキスト

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

この記事へのトラックバック

この記事にトラックバックする:

画像配置« HOME

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事