amebaブログで、いわゆる「続きを読む」というのを入れたいのですが、

質問

amebaブログで、いわゆる「続きを読む」というのを入れたいのですが、やり方がわかりません。
方法を紹介してくださっているサイトも見かけましたが、私の乏しい知識では理解できませんでした。

どなたか、簡潔に教えていただけませんか？

用語の知識は皆無に近いので、なるべく分かりやすくお願いします。

回答No.2

kiyoto-777 · ベストアンサー

色々なところでいろいろな方法ある見たいですね。
私は詳しくないですが、作成して見ました。
（一番簡単な形で）

jQuery を 利用したら簡単に出来ます。

・フリープラグインへ追加（頭のjQueryのスクリプトはいるのか不明）
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js">
</script>

<script type="text/javascript">
$(function(){$("div.cont-open").click(function(){$("div.dtl").slideToggle();});});</script>

・説明
１．div.cont-open　は、<div calss="cont-open">　に当たります（class名は何でもＯＫ）
２．<div calss="cont-open">　文章　</div>をクリックすると
$("div.dtl")→つまり<div class="dtl>文章</div> をslideToggleで、表示したり
隠したりする。
slideToggleは、開くスピードを変化できます。
slideToggle(5000)　や　slideToggle(slow) など　（5000は５秒の意味)

・記事部分（記事を読むの部分は赤くして置くといいです）
１．まず記事を書いて、後でＨＴＭＬタグを表示して下記の
div classを追加！
２　ＨＴＭＬを表示にして、続きを読むの文字をデコレーションする。、

テスト

<div class="cont-open">続きを読む</div>
<div class="dtl" style="display: none;">

続きの記事部分

</div>

お礼

できました！！

本当にありがとうざいました。

回答No.1

kaZho_em

長ーーーーーい文章を書いて下さい。
投稿内容が一定のデータ量以上になった場合、自動で「続きを読む」になります。

Amebaヘルプ － 「続きを読む」はどうするの？
http://helps.ameba.jp/mobile/cat-372/0820/1003/post_379.html

お礼

回答ありがとうございます。
そして、すみません。
私の説明が不足していました。

htmlを使っての方法が知りたかったんです。
本当に申し訳ありません。