指定した記事を指定した場所に表示する。

★　指定した記事を指定した場所に表示する。

●　内容

①　メッセージボードなどに指定した記事を表示します。
②　記事に画像のポップアップなどのスクリプトを適用している
　　場合は、そのスクリプトの再読み込みが必要ですので
　　注意してください。

●　やり方

①　メッセージボードなどにＨＴＭＬモード（ＨＴＭＬタグを表示のタブをクリック）
　　にして下記のように入れます。

②　記事ＵＲＬを求めて記事番号を得ます。

例（★はアメーバＩＤ）→下記では記事番号は　11396578352

http://ameblo.jp/★/entry-11396578352.html

③　下記をフリープラグインへ追加する

●　説明

・　下記はフリープラグインに１つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

・　下記は既にフリープラグインに書かれていれば不要です。

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css"></script>

・　Article_set(".As_set_area","11396578352",".articleText");

".As_set_area"・・・メッセージボードなどに指定したセレクタ名
"11396578352"・・・②で求めた記事番号
".articleText"・・・記事本文のセレクタ名

●　関数のソース内容

function Article_set(As_sel,As_number,As_area){ // ●　指定した記事を該当場所に表示
$(document).ready(function(){
if($(As_sel).length!=0){ // 指定されたセレクタが存在するか？
var AmebaID=ameba_id_get(); // アメーバＩＤを取得
var As_url='http://ameblo.jp/'+AmebaID+'/entry-'+As_number+".html"; // ＵＲＬ作成
var As_data1=$.ajax({url: As_url, async: false}).responseText; // ＵＲＬの読み込み
var As_data2=$(As_area,As_data1); // 指定部分を取り出す
$(As_sel).prepend(As_data2); // 指定箇所に記事部分を追加する
}
});}

リアナのカスタマイズ日記（ＣＳＳ編集用デザイン）

アメブロ　新ＣＳＳ　ＣＳＳ編集用デザイン　無料
カスタマイズ　アメブロカスタマイズ　初心者
ＣＳＳ　スタイルシート　デザイン
javascript jQuery

指定した記事を指定した場所に表示する。