BlogNINJAブログを使いこなそうと始めたブログ。ないブログに表示されています。新しい記事を書く事で広告が消えます。│▲2006-08-23(Wed)Amazon用フッターテンプレート4基本ベースII久しぶりにフッターテンプレートを作成。前回はテーブルタグで基本ベースを作成しました。こちらも、テーブルにclass指定を入れるなどすればCSSでの調整も可能なのですが、よりCSSで表現しやすいように作り変えました。変更点はこんなところ・<div>で作成。・CSSで見栄えを指定。2,289ASIN:4774117269Amazon.co.jpPRこの設定のソースを見る▼フッターテンプレートを設定するには、管理画面の『フッターテンプレート設定』⇒『フッターテンプレートの新規作成・編集』へ進み、テンプレートを登録します。その際に、ひとつ注意事項があります。ご自分の使っているエディタはどの状態でしょうか?次の3つが考えられますのでご確認ください。1、HTMLエディタを使用2.テキストエディタ(改行を反映する)3.テキストエディタ(改行を反映しない)状態の確認は、『管理画面の設定』というところで確認してください。1、HTMLエディタを使用1の方は、ソースを記事内へ切り取って貼り付ける場合は、『ソース』というボタンをクリックしてから記事内へ貼り付けてください。2.テキストエディタ(改行を反映する)こちらの方は、記事内では改行をするとそのまま改行がブログに反映されてしまいます。フッターテンプレートのソースを記事内で使用したいい場合は、ソースの改行を全てなくしてから使用するか、テキストエディタを改行を反映しないモードにして記事をお書きください。3.テキストエディタ(改行を反映しない)なにも問題ありません。フッターテンプレートに表示されたソースをそのまま記事内で使うことができます。実際のソースはこちらになります。target="_blank">Amazon.co.jp</a></div><!--△Amazon-footer--></div><!--△Amazon--><!--/amazon_web_services-->スタイルシートは私の場合はこのようにしてあります。スタイルシートはテンプレートの編集で追加してください。スタイルシートがないとただづらづらと下に情報が書き足されるだけのテンプレートですので、指定はぜひしてくださいね(^-^;)※テンプレートによって多少違って見えることもあります。間違いがあったらご連絡ねがいます。Comment(1)│Trackback(0)│〆[カスタマイズ]フッターテンプレ│▲2006-06-11(Sun)Amazon用フッターテンプレート3画像のみの表示II前回の続きでAmazon商品画像で遊び中です。今度は、画像の上に何かを貼るといったものです。つまんない?いいんです。私が面白いから(笑)自分が使うとき、また探しに行くの嫌だからまとめておくぐらいの意味しかないし。「_PE**_.jpg」(**には割引率が入ります。「_PD**_.jpg」(**には割引率が入ります。「_OU01_PIsm.arrow,TopLeft,-10,-10_SMZZZZZZZ_.jpg」(「TopLeft」は商品画像のどの位置に表示するかを意味してます。使えるのは「Top」「Bottom」「Right」「Left」のようです。)(「-10,-10」は、「TopLeft」などと決めた位置からさらに移動させるための数字。「_OU03_PIsticker-neu-r,BottomRight,10,10_SMZZZZZZZ_.jpg」(「BottomRight」は商品画像のどの位置に表示するかを意味してます。使えるのは「Top」「Bottom」「Right」「Left」のようです。)(「10,10」は、「BottomRight」などと決めた位置からさらに移動させるための数字。・・・「_OU09_PIsitb-st-arrow,TopRight,10,-10_SMZZZZZZZ_.jpg」(「TopRight」は商品画像のどの位置に表示するかを意味してます。使えるのは「Top」「Bottom」「Right」「Left」のようです。)(「10,10」は、「TopRight」などと決めた位置からさらに移動させるための数字。Comment(0)│Trackback(0)│〆[カスタマイズ]フッターテンプレ│▲2006-06-10(Sat)Amazon用フッターテンプレート2画像のみの表示I忍者ブログのフッターテンプレートのAmazon用の画像のみを表示するものを作成しました。普通に大きさを変えるだけならば独自タグを変えればすむので、それ以外でどんなことができるか。images(英語のサイトです)ここから分かることは、アマゾンのURLはこのように成り立ってるということです。冒頭にhttp://images.amazon.com/images/P/とあります。全部の画像がそうです。その次に4758052174.09.TZZZZZZZ.jpgとあります。最初の「4758052174」というのは、ASIN番号です。ちなみにこのコードはほぼISBNと同じと考えて。(ちなみにこの番号は月光花のコード)そのあとの「.09.」というのは、日本に割り当てられた番号らしいです。正確に言うとAmazon.co.jpに割り当てられた番号ということです。アメリカのアマゾン=Amazon.comだとこの番号は「01」だそうです。その次の「TZZZZZZZ」の8桁の数字はおおむね画像のサイズなどを示すのですが、それ以外のこともできます。ここをいじると、いろいろ遊べるのです忍者ブログの独自タグにある、「<!--$amazon_ImageUrlSmall-->」=「サムネイル画像のURL」、「<!--$amazon_ImageUrlMedium-->」=「画像(中)のURL」、「<!--$amazon_ImageUrlLarge-->」=「画像(大)のURL」で示される画像はそれぞれ末尾が以下のようになってます。」という記事を見ていただければ分かるかと思います。(一番大きいのは相当大きいので、枠から先が切れてる可能性アリ)ちなみにTZZZZZZZ.jpgのサイズはこのぐらい。デフォルトサイズ(?)のようです。以下、サンプルとソースです。見てみる?▼サンプルは全部、その画像の商品の詳細ページへのリンクとなってます。Comment(0)│Trackback(0)│〆[カスタマイズ]フッターテンプレ│▲2006-06-10(Sat)Amazon用フッターテンプレート1基本ベースAmazon用のフッターテンプレートを作成しました。骨組みはテーブルで組んであります。基本ベースとして使うといいと思います。以下のソースをフッターテンプレートとして登録して使ってください。1箇所だけ、ご自分のアソシエイトIDを入れるところがあります。value="Amazonのカートに入れる"></form></td></tr></table><!--/amazon_web_services-->カートに入れるボタンだけを取り付けたいという場合は下の記事を参照してください。⇒Amazonの「カートに入れる」ボタンを作ってみる。「カートに入れる」がいらないときは、水色の部分を削除してみてください。追記:ピンクの部分が間違ってました。Comment(3)│Trackback(3)│〆[カスタマイズ]フッターテンプレ│▲2006-06-09(Fri)Amazonの「カートに入れる」ボタンを作ってみる。忍者ブログのフッターテンプレート機能でアマゾン用のフッターテンプレートを作るときに「カートに入れる」とか、「Amazonで買う」などのボタンがあると便利かな~と思い、作成しました。作成したもののテストを兼ねています。「カートに入れる」のほうは下のサイト様を参考にさせていただきました。「Amazonで買う」のほうは、アマゾンアソシエイトセントラルで作成できる個別商品リンクを参考にしました。「カートに入れる」と「Amazonで買う」は、ボタンを押したときに表示されるページが異なります。「カートに入れる」のほうは、「******を買った人は、こんな商品も買っています」という文言が左上にあり、右側に「ショッピングカートの中身」という部分がでて、そこに「ショッピングカートに加わった商品:******」というブロックがでるページへ行きます。「Amazonで買う」のほうは、ショッピングカートの中身の画面へ行きます。以下、具体的な設定です。設定法は、ボタンを設置したいフッターテンプレートを忍者ブログの管理画面から開きます。すると「ユーザテンプレートエディタ」というのが出てきますので、そこにボタンのソースを貼るだけです。type="submit"></form>ソースをフッターテンプレートに貼る前に自分のアソシエイトIDのところをご自分のアソシエイトIDに変えて使ってくださいね。実際のサンプルがこちら。Comment(0)│Trackback(0)│〆[カスタマイズ]フッターテンプレ│▲2006-06-08(Thu)フッターテンプレートの利用法フッターテンプレートの設定が可能になってアマゾンをはじめとしたアフィリがかなりやりやすくなりそうな今日この頃の忍者ブログ。フッターテンプレートに楽天なんかのアフィリコードを登録するとネットショップとかやりやすいんじゃないかな?と思います。楽天用のコードを生成すると、楽天のコードにはこんな説明書きがあります。a8ejpredirect=http://www.rakuten.co.jp/という形式になります。画像やテキストと一緒に使用することが出来ます。a8ejpredirect=http://www.rakuten.co.jp/market/pc/のようにリンクのURL部分(http://www.rakuten.co.jp/)だけを変更してご希望のページへのリンクをいくつでも作成することが出来ます。一度作成したリンクを元に、希望のページへのリンクを何本でも作成できます。ひとつの生成コードでいくらでもリンクが作れるのなら、これをフッターテンプレに登録しておけばコピペがやりやすくなるというもの。これを機にアフィリエイトをやってみようと思うのならこれは絶対便利。自体の審査はかなりゆるいです。そのあと楽天を使うなら楽天の承認が必要なのですが、これもかなりゆるゆる。基本的に違法でなければ可ということでしょう。Leaf(2)NinjaBLOG(17)プレビュー用記事(6)新規テンプレいじり(17)[テンプレート]未定(0)■Search■About●このブログについて忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。_)ペコリなお、このブログで実験もしています。常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。→こちらは記事の内容を下に移転&閉鎖しました。Blogがメインブログになってます。night-・・・現在作成中のメインHP●リンクについてこのブログはリンクフリーです。解像度:1024*768●FireFox私が普段利用しているブラウザ。Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪ダウンロードは▼からどうぞ●Pingoo!忍者ブログのPing送信先は10件まで。それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。29■CM&TB●コメントパンくずナビをつけるMichalexcire⇒(01/18)パンくずナビをつけるViktorianitemY⇒(01/17)コメントや最新記事にNew&Upマークをつけるkirara⇒(04/06)しばらく休止いたします。photo[ブログ]今日もいろいろあったんよ。■Thanksテンプレートを作成するに当たってよく利用させていただいているサイト様です。■QRcodeQRコードをクリックするとメールフォームが開きます。メールフォームでPCから携帯にこのブログのURLを送ることができますもし、携帯電話で表示されきれない~とご不満の方はこちらのアプリを導入してみることをお勧めします。■EntryNavigation[カスタマイズ]フッターテンプレの記事タイトル一覧(02/18)[PR](08/23)Amazon用フッターテンプレート4基本ベースII(06/11)Amazon用フッターテンプレート3画像のみの表示II(06/10)Amazon用フッターテンプレート2画像のみの表示I(06/10)Amazon用フッターテンプレート1基本ベース(06/09)Amazonの「カートに入れる」ボタンを作ってみる。○忍者ブログで共有化中のテンプレ●Alternation-緑×白-記事番号で背景色が交互に変わるちょっとおもしろテンプレ。Leaf初の携帯用テンプレート。さわやかな感じに仕上げてみました絵文字使用。トップページにカテゴリー表示アリ。●ブルーチャイナ涼しげなチャイナ風左右メニューテンプレ。「China」の色違いのような感じですが、配置は違いますのでご注意ください。※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。⇒ピンクチャイナ●Gray2blockノート風テンプレ「Gray」の2カラム版です。●Chinaかわいい系の3カラムテンプレート。同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。⇒China-BlueVer-●Gray灰色のノート風罫線テンプレ。追記開閉式の3カラムです。●JapnBlueサッカー日本代表ユニフォームなテンプレ。※このテンプレには2カラムバージョンもあります。なしの5ブロックテンプレ。Alpha.忍者ブログ[PR]。