Movable Type : HTML貼付け,ブログパーツ設置方法

ブログ記事への商品紹介HTMLの貼付け、ブログパーツの設置ともに可能です。

  • アマゾンの商品画像・価格の取得
  • ブログパーツの設置
  • jQueryプラグイン

Movable Type

商品リンク貼付け

記事作成画面で『フォーマット』を『なし』を選択します。その後、『本文』にHTMLを貼付けます。

『フォーマット』を『リッチテキスト』に戻すと、貼付けたHTMLを確認して、記事を書くことができます。

更新ブログパーツ

『デザイン』メニューの『ウィジェット』を選択します。

『ウィジェットテンプレートを作成』をクリック

タイトルに『Ajax Amazon』、本文にブログパーツのHTMLを貼付けます。

『ウィジェットセットの作成』をクリックし、先ほどの『Ajax Amazon』を選択します。

利用しているレイアウトのテンプレート・モジュール『サイドバー(2カラム)』などに『<$MTWidgetSet name="Ajax Amazon"$>』というMTタグで、ウィジェットセットを貼付けます。

ブログを再構築すると、ブログパーツが各ページに表示されます。

その他のブログサービスの設置方法

様々なブログサービスでの、G-Toolsなどで作成した商品紹介HTMLの記事への張り付けと、Ajax Amazon 更新ブログパーツの利用方法です。

ブログパーツについては、TypePad, ココログ, ブログ人, アメブロ, Livedoorブログ, FC2ブログ, Seesaaブログ で動作することを確認しています。JUGEM, ヤプログは IE6でうまく動作しないため、現在確認中。また、他のブログパーツとの関係で動作しない場合もあるので、問題がありましたら、開発者 までお知らせください。

商品リンク貼付け 更新ブログパーツ
TypePad.jp(ココログ, ブログ人, ラフブロ, ジャストブログなど) HTMLの編集 タイプリスト(マイリスト)
Ameba(アメブロ) タグ編集エディタ フリープラグイン
Livedoorブログ シンプル・HTMLエディタ プラグイン・フリーエリア
FC2 ブログ 利用可能 プラグイン・フリーエリア
JUGEM HTMLモード サイドバー・フリースペース
Seesaa ブログ 利用可能 コンテンツ・自由形式
yaplog! (ヤプログ) HTMLで記事を書く サイドバー・追加
Movable Type HTMLの編集 ウィジェット
Goo ブログ TEXTエディター 設置不可
excite ブログ 利用可能 設置不可
はてなダイアリー 利用可能 設置不可

質問などは : 開発者 まで

Powered by G-Tools & Goodpic.com