忍者ブログ

Customize in Ninja Blog

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

2017.07│ 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

[PR]

×

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

Amazon用フッターテンプレート①基本ベース

Amazon用のフッターテンプレートを作成しました。
商品画像でちょこっと遊んでます♪
骨組みはテーブルで組んであります。基本ベースとして使うといいと思います。
▼サンプル表示です
コーセルテルの竜術士物語 3 (3)      IDコミックス ZERO-SUMコミックス
画像を拡大する
コーセルテルの竜術士物語 3 (3) IDコミックス ZERO-SUMコミックス
著者:石動 あゆま
発売日:2006/03/25
Amazon価格:¥ 580(定価:¥ 580)
ユーズド価格:無し
この設定のソースです
以下のソースをフッターテンプレートとして登録して使ってください。
ただし、1箇所だけ、ご自分のアソシエイトIDを入れるところがあります。
<!--amazon_web_services-->
<table style="width:90%;">
<tr>
<td rowspan="2">
<a href="<!--$amazon_Url-->" target="_blank"> <img src="http://images-jp.amazon.com/images/P/<!--$amazon_Asin-->.09.1TZZZZZZ.jpg" alt="<!--$amazon_ProductName-->"></a><br />
【<a href="<!--$amazon_ImageUrlLarge-->" target="_blank">画像を拡大する</a>】
</td>
<th>
<a href="<!--$amazon_Url-->" target="_blank"><!--$amazon_ProductName--></a>
</th>
</tr>
<tr>
<td>
著者:<strong><!--$amazon_Author--><!--$amazon_Director--><!--$amazon_Actor--><!--$amazon_Artist--></strong><br />
発売日:<!--$amazon_ReleaseDate--><br />
Amazon価格:<!--$amazon_OurPrice-->(定価:<!--$amazon_ListPrice-->)<br />
ユーズド価格:<!--$amazon_UsedPrice--><br />
<form method="POST" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank">
<input type="hidden" name="ASIN.1" value="<!--$amazon_Asin-->">
<input type="hidden" name="Quantity.1" value="1">
<input type="hidden" name="AssociateTag" value="アソシエイトIDを入力">
<input type="hidden" name="AccessKeyId"
value="0E7K0HGPKV4WVJW5WQ82">
<input type="submit" name="submit.add-to-cart" value="Amazonのカートに入れる">
</form>
</td>
</tr>
</table>
<!--/amazon_web_services-->
カートに入れるボタンだけを取り付けたいという場合は下の記事を参照してください。
Amazonの「カートに入れる」ボタンを作ってみる。
「カートに入れる」がいらないときは、水色の部分を削除してみてください。
8/5 追記:ピンクの部分が間違ってました。
PR
*COMMENT-コメント-
▽毎度のコトなのですが・・・
フッターテンプレートもそうなのですが、テンプレートってモノは、なかなか自分の思うようには行かないんだなぁと痛感させられている今日この頃です。

昨日、テンプレートを組み直すなんて滅多にしないコトをやってしまったが為に、フッターテンプレートを使うとテンプレートの表示が崩れるという災難に見舞われた私。( ̄∀ ̄;)
見た目的には<fieldset>で囲んで修正済み風(?)にしてみたのですが・・・

この暑い日に脳内温度も上がりっぱなしです(笑)

クドいようですが、またしてもTBさせていただきました。
△Re:毎度のコトなのですが・・・
>フッターテンプレートもそうなのですが、テンプレートってモノは、なかなか自分の思うようには行かないんだなぁと痛感させられている今日この頃です。

私も、常にそうですよ~。
今、携帯用のテンプレを作ってみたのですがこれがなかなか。
PCと同じように作ると携帯では表示されないし、画像とかもかなり制限されるしでかなり混乱。

お暇があったら携帯でのぞいてやってください(^^;)
▽ありがとうございました!!
無事に修正ができました。
わざわざ来ていただいて、そしてアドバイスまで・・・
至れり尽くせりで感謝カンゲキです。
TBもアリガトウゴザイマス。
これからもよろしくお願いします。

PS
China、共有化おめでとうございます♪(゚▽゚*)
△Re:ありがとうございました!!
Pavlobaさん、アドバイスというか、アレは私も最初よくやったことなので(^^;)
つい私忘れるんですよね、記事部分は自動改行だってこと。

>China、共有化おめでとうございます♪(゚▽゚*)
ありがとう。
でも、しょっぱなからミス発覚。
ちょっと凹んでます。
DLしてくださる方が飽きずにお付き合いしてくださることを切に希望中・・・・
▽またまたお世話になりましたm(_ _)m
あるふぁさん、こんにちは。

フッターテンプレートの試行錯誤の日々を送ってます。
あるふぁサンのテンプレートをお借りしました。
自分なりに発展させていけたらなぁと思ってはいるのですが、もっと基本的なトコで何か抜け落ちてるようで( ̄∀ ̄;)
なかなか前進できませんが、地道にがんばります

TBさせていただきました。
これからもよろしくお願いします。
△Re:またまたお世話になりましたm(_ _)m
こんばんわ。

いつもご贔屓にありがとうございます。
フッターテンプレート、私はしばらくいじってないのでテンプレがひと段落したらまた研究してみようと思います。

こちらからもTBさせていただきました。
これからもどうぞヨロシクです♪
*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
 
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。
*TRACKBACK-トラックバック-
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用くださいませ。
この記事のURL▼
この記事のトラックバックURL▼
フッターテンプレートを使ってみる③
今日はあるふぁサンの『カスタマイズin忍者ブログ』にあったテンプレートをお借りしてみました。 あるふぁさんの記事→『Amazon用フッターテンプレート①基本ベース』 スッキリしていて、使うとすればこんなカンジだなぁと思って・・・。 ただ、コレは私側のテンプレートの設定ミスだと思うのですが、どうもTABLEタグを入れると上方がものすごく空いてしまう模様(-_-;) ざっとテンプレート見直してもそんな指定はしてないんだけどなぁ。 前にもアンカータグの件で同じようなコトがあったので、また時間...
フッターテンプレートを使ってみる④ :不具合発生?!( ̄д ̄;)
先日の記事『みぎぃ?』でフッターテンプレートを使用したところ、プラグイン(サイドバー)が右下の方に落っこちてしまったという現象を確認しました。(現在は修正済みです) テンプレートを変更したせいもあるのかと思いますが、余白の調整をしてもまったく改善なし 原因は、おそらくフッターテンプレートに使用しているソースかURL。 他のフッターテンプレートを使用している記事を見ると、デフォルトのソースではテンプレートの崩れはないというコトも発覚。 したがって、ソースの方に...
Amazon からの引用を試してみる
以前、はてなダイアリーで紹介した Amazon の商品引用を、実際に試せる環境になったので、やってみるテスト。 amazlet - Amazon アフィリエイト簡単作成ツール Amazon で見たら bookmarklet でヒョこっとリンクを作成。気軽に記事を書けちゃうタイプの人にはいいかも。 Blog Hacks ―プロが教えるテクニック&ツール100選posted with amazlet on 06.08.22宮川 達彦 伊藤 直也 オライリー・ジャパン (2004/08/...
■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一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪

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

■Calendar
06

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

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

無料体験できるのでぜひお試しください♪
■Template
○公開したテンプレのプレビュー

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

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

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

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

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

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

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

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

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


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

Scrollbar ONorOFF

○広告




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

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

■Visiter