下記の説明でわからない方はここへ (限られた時間で作成しましたので、粗い説明になっていますが修正をちょこちょこ入れていきます。しばらくのご辛抱を)
ブランド屋は今日も大流行り!アフィリエイトバナーの作り方 |
1.ここをクリックしてください。
表示されたページの左の列の真ん中付近、「URLからリンクを作成」のところに
http://books.rakuten.co.jp/RBOOKS/0003545818/
を入れてください。
2.をクリックしてください。ログイン画面が表示された場合は、IDとパスワードを入力してください。
3.リンクのHTMLができましたら、★★★の部分を次のタグに置き換えてください。
★★★ ↓ <img src="http://image.space.rakuten.co.jp/lg01/69/0000054069/69/img215b9d1e5urw8c.jpeg" height="120">
|
作成例 作成されてきたHTML <a href="http://pt.afl.rakuten.co.jp/c/00d**********b0ec/?url=http%3a%2f%2fbooks.rakuten.co.jp%2fRBOOKS%2f0001760283%2f" target="_blank"> 修正後 <a href="http://pt.afl.rakuten.co.jp/c/00d**********b0ec/?url=http%3a%2f%2fbooks.rakuten.co.jp%2fRBOOKS%2f0001760283%2f" target="_blank">
|
4.このHTMLを貼り付けてください。 | この画像です |
以上で完了です。
NO.2
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。(背景色 透明)
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b01.gif" height="60"> |
NO.3
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。(背景色 ピンク)
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b02.gif" height="60"> |
NO.4
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/c005.gif" height="60"> |
バナーの周りの線(標準では、青又は紫)をなしにするには、★★★のところを下記の通りにしてください。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/c005.gif" height="60" Border="0"> |
NO.5
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b005.gif" height="60" Border="0"> |
NO.6
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b006.gif" height="33" Border="0"> |
NO.7
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b007.jpg" height="60" Border="0"> |
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b007-2.jpg" height="60" Border="0"> |
NO.8
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b008.gif" height="60" Border="0"> |
NO.9
★★★のところに、下記のソースを張っていただくと、このバナーの貼り付けとなります。
<p align="center"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b106.gif" height="60" Border="0"> |
楽天ブログを使っていて、貼り方がわからないけど、協力いただける方
下記の構文をコピーして、トップページ自由編集の書き込みする部分か、日記の書き込みする部分に単純に貼ってください。
リボンリボンさんのページへ飛びます。
<p align="center"><a href="http://plaza.rakuten.co.jp/ribonribon/" target="_blank"><img src="http://www.kadoyanagi.co.jp/weblog/rbn/b005.gif" width="238" height="60"></a></p> |
両国のご隠居のページのように、写真や絵を並べて表示する方法
<table border="0"
width="100%">
<tr> <td width="50%"> <p align="center"><img alt="カバージャケット" src="http://plaza.rakuten.co.jp/img/user/35/71/12143571/13.jpg" width="147" height="212"></td> <td width="50%"> <p align="center"><img alt="ブログ仲間で作った本" src="http://plaza.rakuten.co.jp/img/user/35/71/12143571/11.jpg" width="178" height="212"></td> </tr> </table>
|
上のタグを貼ってください。
width="***" height="***"の数字を変えると、表示されている画像や絵の大きさが変わります。
応用として mg height= 以降の緑色の部分に(上の例ではリンク先アドレスは青色か赤色になっていますが)、画像倉庫で表示されてくるタグを入力すれば、他の画像を表示することができます。
おまけ その2
失敗作です。
使われる方はそのままでもいいですし、リンクを入れて使っていただいても良いです。
かなり大きいものです。
<table border="0" width="100%">
<tr> <td width="100%"> <p align="center"><a href="http://item.furima.rakuten.co.jp/item/40508270/" target="_blank"><img src="http://image.space.rakuten.co.jp/lg01/69/0000054069/69/img215b9d1e5urw8c.jpeg" width="331" height="485"></a></td> </tr> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="50%"><a href="http://item.furima.rakuten.co.jp/item/40508270/" target="_blank" style="text-decoration: none;"><img height="84" src="http://www.kadoyanagi.co.jp/weblog/rbn/15-011.gif" width="185" align="right" style="text-decoration: none;" border="0"></a></td> <td width="50%"><font size="6" color="#FF0000" face="HG創英角ポップ体"><a href="http://item.furima.rakuten.co.jp/item/40508270/" target="_blank" style="text-decoration: none;"><blink> <marquee style="font-family: HGS創英角ポップ体; color: #FF0000; border-style: solid; border-width: 0" align="middle">楽天で好評発売中!</marquee> </blink></a></font></td> </tr> </table> </td> </tr> </table>
|