★ 続きを読む②
別の記事に続き部分を書いて置きます。
続きを読むをクリックすると、続きの部分の別記事を下に表示させます。
注意：アメンバー限定記事は別記事に指定しても下に表示されません。
そのまま、アメンバー限定記事に飛びます。
● フリープラグイン追加
<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript'>
$(function(){
$(".next_Art").click(function(){
var entry_url = new RegExp(/http\:\/\/ameblo\.jp\/(.*?)\/entry\-(\d+)\.html.*/);
var Art_url=$(this).attr('href');
if (Art_url.match(entry_url)) {
var Art_data=$.ajax({url: Art_url, async: false}).responseText;
var Text_data=$(".articleText", Art_data);
$(this).after(Text_data);
$(this).remove();// クリックされた続きを読むのリンクを消す
return false;
}
});});
</script>
<script type='text/javascript'>
$(function(){
$(".next_Art").click(function(){
var entry_url = new RegExp(/http\:\/\/ameblo\.jp\/(.*?)\/entry\-(\d+)\.html.*/);
var Art_url=$(this).attr('href');
if (Art_url.match(entry_url)) {
var Art_data=$.ajax({url: Art_url, async: false}).responseText;
var Text_data=$(".articleText", Art_data);
$(this).after(Text_data);
$(this).remove();// クリックされた続きを読むのリンクを消す
return false;
}
});});
</script>
◆ 説明
・クリックされた続きを読むのリンクを消したくない場合は、上記の
黄色い行を消してください。
・下記はフリープラグインンの先頭に１つあればOKです。
<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
● 本記事部分（ＨＴＭＬタグを表示のタブをクリックして入れる）
<a class="next_Art" href="表示させたい記事のＵＲＬ">続きを読む</a>
● 記事作成手順
① 別記事を書く（過去日付で書くとよい）
② 別記事のＵＲＬを求める。（別記事を開いてブラウザのアドレスバーに表示されるＵＲＬ)
② 本記事を書く
③ ＨＴＭＬタグを表示のタブをクリックして 上記タグを入れる
④ 記事を読むは、目立たないので、タグの非表示をクリックして
文字をデコレーションして下さい（文字を大きくしたり、色を付けたり）
◆ 続きを読む を画像にしたい場合は下記の様にします
<a class="next_Art" href="表示したい記事のＵＲＬ"><img src="画像のＵＲＬ"></a>
◆ 実例（http://ameblo.jp/new-blue-777/entry-11248284663.html の記事が表示されます）
続きを読む