アメブロで「続きを読む」「Read More」

こんばんは～(*´∀｀*)

自分のブログカスタマイズついでにメモ残しときます♪

今回はアメブロで「続きを読む」や「read more」を付ける方法！

コチラの「アメブロ向上企画書」さまのこの記事をご参考下さい＊


以下、手順です＊

①フリープラグインに以下をコピペ

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="javascript">
<!--
/* 0911 exlink */
$(function(){
var op = "＊read more？ >>";
var cl = "<< close＊";

$(".more").css("display", "none")
.after("<p class='expand'>" + op + "</p>");
$(".expand").css("cursor", "pointer");

$(".expand").toggle(
function(){$(this).prev().show("slow"),$(this).html(cl);},
function(){$(this).prev().hide("slow"),$(this).html(op);}
);
});
// -->
</script>

そうそう、アメブロの新カスタムテンプレだとjQuery入ってないらしいから
↑のコードでは付け足してあります＊


②記事に<div class="more">～</div>を入れる

1.記事を全部書く

2.続きを読むで隠したい部分の頭に「<div class="more">」を入れる

3.隠したい部分の最後に「</div>」を入れる


以上で完了。

飾りが必要な方は「アメブロ向上企画書」さまをご参考にして下さい＊


毎回記事に入れなきゃいけないってのが面倒だけど

隠すところを決められるから便利なのかもしれない～