忍者ブログ
*ADMIN*

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

≪ 2024.12│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ≫
2024-12-04(Wed)

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

author:あるふぁ [02:34:15]│ Comment(-) │ Trackback(-) │〆

│▲

2006-06-10(Sat)

Amazon用フッターテンプレート②画像のみの表示Ⅰ

忍者ブログのフッターテンプレートのAmazon用の画像のみを表示するものを作成しました。

普通に大きさを変えるだけならば独自タグを変えればすむので、それ以外でどんなことができるか。少々遊び半分です

参考サイトはこちら⇒Abusing Amazon images(英語のサイトです)

ここから分かることは、アマゾンのURLはこのように成り立ってるということです。
まず冒頭に
http://images.amazon.com/images/P/
とあります。たぶん全部の画像がそうです。
その次に
4758052174.09.TZZZZZZZ.jpg
とあります。
まず最初の｢4758052174｣というのは、ASIN番号です。ちなみにこのコードはほぼISBNと同じと考えて。(ちなみにこの番号は月光花のコード)
そのあとの｢.09.｣というのは、日本に割り当てられた番号らしいです。
正確に言うとAmazon.co.jpに割り当てられた番号ということです。アメリカのアマゾン＝Amazon.comだとこの番号は｢01｣だそうです。

その次の｢TZZZZZZZ｣の８桁の数字はおおむね画像のサイズなどを示すのですが、それ以外のこともできます。
ここをいじると、いろいろ遊べるのです

忍者ブログの独自タグにある、｢<!--$amazon_ImageUrlSmall-->｣＝｢サムネイル画像のURL｣、｢<!--$amazon_ImageUrlMedium-->｣＝｢画像（中）のURL｣、｢<!--$amazon_ImageUrlLarge-->｣＝｢画像（大）のURL｣で示される画像はそれぞれ末尾が以下のようになってます。
<!--$amazon_ImageUrlSmall-->･･･THUMBZZZ.jpg
<!--$amazon_ImageUrlMedium-->･･･MZZZZZZZ.jpg
<!--$amazon_ImageUrlLarge-->･･･LZZZZZZZ.jpg
この辺の画像サイズは、｢アマゾン用独自タグの確認　｣という記事を見ていただければ分かるかと思います。(一番大きいのは相当大きいので、枠から先が切れてる可能性アリ)
ちなみにTZZZZZZZ.jpgのサイズはこのぐらい。
月光花
デフォルトサイズ(?)のようです。

以下、サンプルとソースです。

サンプルは全部、その画像の商品の詳細ページへのリンクとなってます。

●画像を傾ける
左側･･･｢1TZZZZZZ.jpg｣
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09.1TZZZZZZ.jpg" alt="<!--$amazon_ProductName-->">
</a>

右側･･･｢1TRZZZZZ.jpg｣(左との違いは一字なので注意)
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09.1TRZZZZZ.jpg" alt="<!--$amazon_ProductName-->">
</a>


●画像を回転させる
左回転･･･｢_PU**_.jpg｣(**には角度が入ります)
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09._PU**_.jpg" alt="<!--$amazon_ProductName-->">
</a>

右回転･･･｢_PV**_.jpg｣(**には角度が入ります)
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09._PV**_.jpg" alt="<!--$amazon_ProductName-->">
</a>


●画像に影をつける
左下･･･｢_PC_.jpg｣
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09._PC_.jpg" alt="<!--$amazon_ProductName-->">
</a>

右下･･･｢_PB_.jpg｣
月光花
<a href="<!--$amazon_Url-->" target="_blank">
<img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09._PB_.jpg" alt="<!--$amazon_ProductName-->">
</a>



フッターテンプレート③画像のみの表示Ⅱ
今はココ⇒Amazon用フッターテンプレート②画像のみの表示Ⅰ
Amazon用フッターテンプレート①基本ベース
PR

author:あるふぁ [12:29:25]│ Comment(0) │Trackback() │〆

[カスタマイズ]フッターテンプレ

│▲

Amazon用フッターテンプレート③画像のみの表示Ⅱ← HOME →Amazon用フッターテンプレート①基本ベース
＊COMMENT-コメント-
＊COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
　
Name：
Title：
Mail：
Url：
Color：
◆ ◆ ◆ ◆ ◆ ◆ ◆ ◆
Decoration： Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message：
Pass： ※編集時に必要です。
Secret： 　※チェックすると管理者へのみの表示となります。
＊TRACKBACK-トラックバック-
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用くださいませ。
この記事のURL▼
この記事のトラックバックURL▼
←No.104No.103No.102No.101No.100No.99No.98No.97No.96No.95No.94→
■Category
■Search
■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。 変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。 常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
　徒然倶楽部 →こちらは記事の内容を下に移転＆閉鎖しました。
　現在は十六夜's Blogがメインブログになってます。
 　Alphaの小部屋･･･BOOKLOGで作った本棚
　Mixi･･･参加中のSNS
　十六夜-the sixteeth night-･･･現在作成中のメインHP

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
リンクバナー

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況：Windows XP SP2
ブラウザ：主にFirefox　他IE、Opera等
解像度：1024*768

●FireFox
私が普段利用しているブラウザ。 拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。 それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ１件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar
11

01
日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
■CM&TB
●コメント

●トラックバック
    Scrollbar ONorOFF
    ■NinjaLink
    ■Thanks
    テンプレートを作成するに当たってよく利用させていただいているサイト様です。
    ■QRcode
    QRコードをクリックするとメールフォームが開きます。
    メールフォームでPCから携帯にこのブログのURLを送ることができます

    もし、携帯電話で表示されきれない～とご不満の方はこちらのアプリを導入してみることをお勧めします。

    無料体験できるのでぜひお試しください♪
    ■EntryNavigation
    ≪ *104*103*102*101*100*99*98*97*96*95*94* ≫
    ■Template
    ○公開したテンプレのプレビュー

    ブルーチャイナ
    詳細     		ブルーチャイナ
    詳細
    Gray2block
    詳細     		China
    詳細     		Gray
    詳細
    JapanBlue
    詳細     		碧
    詳細     		蒼
    詳細
    ○公開された携帯用テンプレのプレビュー

    The Leaf
    詳細
    ○忍者ブログで共有化中のテンプレ

    ●Alternation-緑×白-
    記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
    パンくずナビも付いてます♪

    ●The Leaf
    初の携帯用テンプレート。さわやかな感じに仕上げてみました
    絵文字使用。トップページにカテゴリー表示アリ。

    ●ブルーチャイナ
    涼しげなチャイナ風左右メニューテンプレ。
    ｢China｣の色違いのような感じですが、配置は違いますのでご注意ください。
    ※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
    ⇒ピンクチャイナ

    ●Gray2block
    ノート風テンプレ｢Gray｣の２カラム版です。
    ●China
    かわいい系の３カラムテンプレート。イメージはチャイナ風♪
    同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
    ⇒China-BlueVer-

    ●Gray
    灰色のノート風罫線テンプレ。追記開閉式の３カラムです。

    ●JapnBlue
    サッカー日本代表ユニフォームなテンプレ。追記開閉式
    ※このテンプレには２カラムバージョンもあります。
    ⇒JapanBlueの２カラム版

    ●碧-midori-
    淡いパステルグリーンのテンプレ。追記開閉式

    ●蒼
    画像使用なしの５ブロックテンプレ。

    Scrollbar ONorOFF

    ○広告




    ■Recommend
    ○ルナエンバシージャパン

    ストレイシープがなんだかかわいくて好き(^-^*）

    ■Visiter