« チャイナタウン | トップページ | 白い風船 »

バナーの貼り方

ココログ超初心者のAmazonのバナーの貼り方“スッタモンダ編”

左の方をご覧下さい。この左にあるAmazonのバナーを貼るために本当に苦労しました。
本当は右にある「cocodoko?」にバナーを貼るための苦労でしたが(Amazonのバナーは無くても良いが、「cocodoko?」だけはどうしても欲しかったんだ!!)、
Amazonの方を解説します。

まず、Amazonのアフェリエイトに入るには、こちらにどうぞ。
Amazon.co.jpアソシエイト・プログラム

で、Amazonの教えに従いHTMLをコピー。
次、イメージをコピーするのですが、丸いgoの絵を右クリック、名前を付けて画像を保存。
黒いAmazonのも同様に保存する。

自分のココログの記事作成ページを開き、アップロードをクリック、参照をクリックし、
目的の画像を選択し、アップロードをクリックし、HTML表示を選択し、ページ内表示を選ぶ。
追記:アップロードのやり方が変わりました。
右から2番目の絵をクリックしてHTMLを作るみたいです。

そこに出たHTMLをコピー。
 もう一つの画像も同様にHTMLにする。

 画像じゃないHTMLに下記のような所があるはずです。
INPUT TYPE="image" BORDER="0" VALUE="Go" NAME="Go" src="go-button.gif?tag=sintyou147nok-22" ALIGN="absmiddle">
 私のgoボタンのイメージHTMLは下記のものです。
img alt="go-button.gif" src="http://tyantyan.tea-nifty.com/tibi147/go-button.gif" width="21" height="21" border="0" />
 この二つを合わせたのが下記のものです。
INPUT TYPE="image" BORDER="0" VALUE="Go" NAME="Go" src="http://tyantyan.tea-nifty.com/tibi147/go-button.gif"
ALIGN="absmiddle">
 これらを良く見て、上のように変えてください。

 次は黒い四角イメージの方ですが、
IMG SRC="jp_searchbox.gif?tag=sintyou147nok-22" BORDER="0" HSPACE="0" VSPACE="0" ALT="Amazon.co.jpアソシエイト">
 私の画像イメージは
img alt="jp_searchbox.gif" src="http://tyantyan.tea-nifty.com/tibi147/jp_searchbox.gif" width="146" height="33" border="0" />
 合わせたのが、
img src="http://tyantyan.tea-nifty.com/tibi147/jp_searchbox.gif" width="146" height="33" border="0" />

 このようにHTMLを改造し、マイリストを開き、本リストを新たに作成し、メモの所にHTMLをコピーし、設定でメモの表示をチェックし、デザインの編集、新規作成リンクをチェック。
 これで、無事出てくるはずです。

 超初心者ですので、間違ってたらごめんなさい。

 ちなみに、気になるサイトがありましたなら、表示を開いて、ソースをクリックすると、
そのサイトがどのようなHTML(XMLとか色々あるらしいが)で、作られているかわかります。
 非常に参考になります。

|

« チャイナタウン | トップページ | 白い風船 »

超初心者のココログ奮戦気(3) 」カテゴリの記事

コメント

はじめまして。

>「cocodoko?」だけはどうしても欲しかったんだ!!

なんか嬉しいです。。ご苦労様です。
興味ありましたらcocohore!もよろしくどうぞ。

投稿: 笹錦 | 2004.09.19 02:01

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/45625/1466141

この記事へのトラックバック一覧です: バナーの貼り方:

« チャイナタウン | トップページ | 白い風船 »