javascriptを使っていないAdpartsをテスト

じゃぁ、Adpartsを試してみよう
これは、Amazonの商品画像の一部分だけを表示させて商品紹介をしようと考えたAmazonツールです。

こんな感じになります。

スピリット(初回生産限定盤)(DVD付)あまなつShopあまなつで見る同じレイアウトで作成
スピリット(初回生産限定盤)(DVD付)あまなつShopあまなつで見る同じレイアウトで作成
スピリット(初回生産限定盤)(DVD付)あまなつShopあまなつで見る同じレイアウトで作成
スピリット(初回生産限定盤)(DVD付)あまなつShopあまなつで見る同じレイアウトで作成

下の商品の一部分を4箇所表示させて紹介しています。

スピリット(初回生産限定盤)(DVD付)
レオナ・ルイス
BMG JAPAN Inc.(BMG)(M)(2008-04-23)
売り上げランキング: 290
おすすめ度の平均: 4.0
4曲が良かった
3正直言って・・・・
1アーバンミュージックとしては退屈
5新歌姫
5セクシーな泣き節?

下のような感じで商品情報も追加することが出来ます。

スピリット(初回生産限定盤)(DVD付)あまなつShopあまなつで見る同じレイアウトで作成
レオナ・ルイス(2008-04-23)
おすすめ度の平均:4.0
4曲が良かった
3正直言って・・・・
1アーバンミュージックとしては退屈
5新歌姫
5セクシーな泣き節?

じゃぁ、Adhoverなら大丈夫でしょうか

scriptタグははねられるので、それ以外のところで行くと
Adhoverを試してみましょう。

でも、その前に
このAdhoverはCSSを使って画像を表示するので、スタイルシートに設定が必要です。

はてなは、調べてみると自分でスタイルシートが設定できるようです。

「管理」−「デザイン」−「詳細」−「スタイルシート」のところに
.img_adhover{top:-5000px; left:-5000px;position:absolute;}
a.a_adhover:hover {z-index:1000;position:relative;}
a.a_adhover:hover .img_adhover{top:16px; left:0px;}
の3行を追加する必要があります。

で、準備完了です。

HEART STATIONHEART STATIONHEART STATIONあまなつAdhover HEART STATION

う〜ん、うまいこといきましたね〜
上の「HEART STATION」のリンクの上にマウスを乗せると
ど〜〜〜〜んと画像が表示されます。

いやいや、いい感じです。

さて、次のテストはfadelink・・・と

fadelinkはどうですかねぇ?
ちゃんとフェードインを繰り返して画像が次々と変わりますかね〜?

Apple iPod touch 16GB MA627J/A
アップルコンピュータ(2007-09-25)
売り上げランキング: 4660
おすすめ度の平均: 4.0
4Wi-Fi周りがちょっと弱い
3未来を予感させるおもちゃ
4電池の消耗が激しい
3日本語に完全対応してほしい。
4追加新機能は必要性を確認してから


あ〜残念。

script タグははねられちゃうんですね〜

じゃぁ、amanatuletでも試してみるか

とりあえず、まずはamanatulet

Apple iPod nano 8GB ブラック MB261J/A
アップルコンピュータ(2007-09-06)
売り上げランキング: 52
おすすめ度の平均: 4.5
5これはいいです!頑丈だし♪
5買いました
4ジョギング用に買いました
4サンタさんも楽になりました
4古いMacユーザーは注意して下さい!

どうやれば、リンク貼れるんだぁ?

さて、何から試そうかと思ったが・・・

リンクはどうすれば貼れるんだぁ?

詳細編集?

「編集内容が失われますがよろしいですか?」・・・よろしいわけないでしょう。ってこれじゃないのかな?


写真・商品などを挿入?
・・・いやいや、写真を貼りたいんじゃないんだ。リンクしたいだけなんだけど・・・

そういや〜右上に ヘルプ
ヘルプ?
うわ、ヘルプ押したら、この書き込んでるページが消えたぞw

お〜ヘルプはびろ〜んとは出てこないんだ。ビックリした。ここまで書いたのが消えたかと思った。

でも、ブラウザの戻る押して、「日記を書く」を押したら残ってた。。。。あ〜よかったw
???

自動バックアップと右下に出ているではないか。そうか自動でバックアップしてたんだなぁ。えらいえらい

さて、で、リンクはどうやるんだ?普通にタグ打てばいいのかな?

あまなつ
これでいいのかなぁ?

とりあえず、ここで「登録する」???「登録する」ってなんだぁ?
これで書き込み完了ってことか?
それとも、一旦登録なのか?
まぁ、とにかく「登録する」をポチッとやってみますか。

っと登録してから、編集してますが
リンクは普通にタグ打てばいいんだな。
ちゃんと、あまなつのリンクは出来てました。