ブログでのアフィリエイトについて・・

ブログでのアフィリエイトについて・・

日時： 2011/06/06 23:38
名前： まさｙｎ: みなさんこんばんわ。

ブログでアフィリエイトを貼り付ける時の事です。

ふたつ貼り付けると縦にふたつになりますよね。
それを横にふたつにするにはどうするのでしょう？
タグを変えるのでしょうか・・

ブログによって、自動改行を削除できるブログとできない
ブログがあるのでしょうか・・

シーサーブログも使っているのですが、
自動改行を削除できそうもありませんね・・

http://animekanfigyua.seesaa.net/?1306167583
↑のように縦にながーくなってしまいます・・

もしわかる方がいましたら助言お願いします。

＊TODOS・何でも情報交換・TOP＊＜スレッドPage＞最新 | 2 | 1 |

Re: ブログでのアフィリエイトについて・・ ( No.8 )

日時： 2011/06/09 18:22
名前：りり

まささん、アフェリエイトを使って、テストもしてみました。

アフェリエイト画像の間に、コメントと入れていますが、次のアフェリエイトの

</script></a>コメント<a ｈｒｅｆ="http://hb.afl.rakuten.co.jp/hgc/0b178cbc.352f7486　という行を行変えせず繋げると、私のリンク先のように画像が一列に入ります。
http://todos.seesaa.net/?1307610949

トライしてみてください。

Re: ブログでのアフィリエイトについて・・ ( No.9 )

日時： 2011/06/10 12:40
名前： まさｙｎ

りりさん

・途中経過です。
http://tesutotesutotes.seesaa.net/?1307708953
↑自分もテストで作ってみましたが少しだけわかったことが！
アフィリエイトを貼るときに画像のみを選んで、りりさんの言ったようにやってみたら
あっさり横に並びましたが、画像とテキストを選ぶと同じ事をやっても、縦に並んでしまいます。
ここに原因解明の秘密があるかなと・・
ひきつづきいろいろ試してみます。

↓なんとなくできそうな感じのとある方のブログです
http://plaza.rakuten.co.jp/drawer/diary/201006150000/←この方のは非常に気になります
http://plaza.rakuten.co.jp/jackass007/diary/201011070001/

どうやら<table>というタグが必要な気もしますが、
自分のブログは、ほとんど、<a href・・か、<iframe・・ではじまってますし・・
テーブルの入れ子って方法が気になりますので研究してます。

※楽天やアマゾンの規約も気になりますので、最悪あきらめて縦並びのままにするか、
暇な時に少しづつ画像のみに変えていくか(何個もあるのでコレはやらないかも・・
念のため楽天にもアマゾンにもＨＴＭＬをいじって横に並べてもいいかどうか
問い合わせメール送っておきましたが、画像が平気なら・・とか思いますけど。

なんかいつもややこしい質問ばかりして自分は誰の役にもたってなくてすみません・・

Re: ブログでのアフィリエイトについて・・ ( No.10 )

日時： 2011/06/11 07:07
名前：りり

まささん、後から投稿を書き換えられましたね。
大きく投稿を変更される場合は、新しいコメントにした方が良いです。
投稿通知は、最初のコメントから変更はされないので。
まささん、素晴らしいですね。私もあとから、あっ、まささんのは一つ一つテーブルだ…どうしたら…と考えていたところでした。
画像の場合は、簡単な事も実験されて、いろいろ仕組みが分かってきたと思います。それも収穫ですね。
あと、答える方もそれでスキルを上げますから、そのあたりは気にされないでくださいね。お互い様です。

<table>タグについては分かりやすいように簡単なサンプルを作りました。
http://todos.xsrv.jp/uploader/upl/untitled.html

この<table>タグは
<table border="1" cellspacing="0" cellpadding="0" width="60%" height="100%">
<tbody>
<tr>
<td>　</td>
<td>　</td>
<td>　</td>
<td>　</td>
</tr>
<tr>
<td>　</td>
<td>　</td>
<td>　</td>
<td>　</td>
</tr>
<tr>
<td>　</td>
<td>　</td>
<td>　</td>
<td>　</td>
</tr>
<tr>
<td>　</td>
<td>　</td>
<td>　</td>
<td>　</td></tr></tbody></table>
と、４列、４行のものです。<td>は横のセルです。 <tr>で、段が下になっていきます。

まささんのアフィリエイトのソースを見ると、ひとつのアフィリエイトが
<span style="font-size:large;">青の祓魔</span><br />というタイトルがあり、次に
<table border　で始まる一つ一つの枠があり
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><div style="border:1px solid;margin:0px;padding:6px 0px;width:120px;text-align:center;float:left"><a href="http://hb.afl.rakuten.co.jp/hgc/097839c7.ec3781ef.097839c8.02f70699/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fneowing-r%2fneogds-41066%2f%3fscid%3daf_ich_link_tbl&m=http%3a%2f%2fm.rakuten.co.jp%2fneowing-r%2fi%2f10423999%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fneowing-r%2fcabinet%2fitem_img_516%2fneogds-41066.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fneowing-r%2fcabinet%2fitem_img_516%2fneogds-41066.jpg%3f_ex%3d64x64" alt="【送料無料選択可！】Half Age Characters 青の祓魔..." border="0" style="margin:0px;padding:0px"></a><p style="font-size:12px;line-height:1.4em;text-align:left;margin:0px;padding:2px 6px"><a href="http://hb.afl.rakuten.co.jp/hgc/097839c7.ec3781ef.097839c8.02f70699/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fneowing-r%2fneogds-41066%2f%3fscid%3daf_ich_link_tbl&m=http%3a%2f%2fm.rakuten.co.jp%2fneowing-r%2fi%2f10423999%2f" target="_blank">【送料無料選択可！】Half Age Characters 青の祓魔...</a><br><span style="">価格：3,696円（税込、送料別）</span><br></p></div></td></tr></table>

と、</table>で終わっています。
で、つぎのタイトルがきて
<br /><br /><br /><span style="font-size:large;">アマガミＳＳ</span><br />
つぎのテーブル
<table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><div style="border:1px solid #000000;margin:0px;padding:6px 0px;background-color:#ffffff;width:120px;text-align:center;float:left">以下省略
<br /><br /><br />は、行かえですから、枠の中に一つずつ入れていくなら、<br />は、タイトルの次の一つだけでよいです。
横に並べるなら、最後の</tr></table>を消します。四つ横並びにしたいなら、４回同じ事をします。
で、４回目の</tr>を残しておけば、下段に移動します。
ア行からカ行へ移るときだけ、テーブルの区切り、</table>まで残しておくと良いでしょう。
そして、ここは、少し難しいかもしれませんが、
<span style="font-size:large;">青の祓魔</span><br />というタイトルの部分もそれぞれのテーブル・セル内に移動してやる必要が有ります。今、タイトルは、自動ではなく、まささんが書いたものなので、テーブルの上にはみ出ています。テーブル内の<a href=" の前に入れてください。このとき、タイトルにリンクがついているものもありますから、そのリンクタグも全部移動する必要が有ります。

最初は、ミスしてテーブルぐちゃぐちゃになるかもしれないので、実験ページで行って、うまくいったソースをコピーすると良いかと思います。

Re: ブログでのアフィリエイトについて・・ ( No.11 )

日時： 2011/06/11 09:24
名前： まさｙｎ

りりさん

何度もいろんな事をチャレンジしているうちに編集したほうがいいのではと、
思い何度も書きかえてました・・すみません。

うー・・なんかいきなりハイレベルになってきましたね。
こっちもテストブログ作ったのでいろいろ実験しながら慣れてみたいと思います。
そしてテストブログでうまくいったらまた報告に来ますね。

いろいろとお世話になります。

Re: ブログでのアフィリエイトについて・・ ( No.12 )

日時： 2011/06/11 09:56
名前：りり

まささん、テーブルで横並びにテストしてみましたが…
http://todos.seesaa.net/

とても大変な作業です。効率悪いです。

ブログではなく、自前のホームページにテーブル枠線を作って、その中に入れていく方が良いようです。

Re: ブログでのアフィリエイトについて・・ ( No.13 )

日時： 2011/06/11 13:09
名前： まさｙｎ

りりさん

やっぱそうですよねえ。しかもオレたくさんあるし・・
せめてラベルリンクでもできればいいんですけど無理っぽいですし。
この件は、あきらめます・・
わざわざありがとうございました。

Re: ブログでのアフィリエイトについて・・ ( No.14 )

日時： 2011/06/11 23:10
名前： o6asan

みなさん，こんばんは。

話が終った頃になってすみません。

まささん，まだご覧でしょうか。

出遅れてしまいましたが，今日時間があったので，アマゾンのアフィリエイトを使って実際に試してみました。
単純にアマゾンが作ってくれたタグをブログの投稿画面に張り付けるとこんな風になりました。
http://o6asan.seesaa.net/article/209217595.html?1307800182
こちらのほうでの問題は，表題が入れにくいことだけです。
アマゾンのアフィリエイトだけで作るなら，seesaaのブログデザインだけに気を付ければ，
アマゾンで作ってくれたタグを張り付けるだけで，横並び形式でも何とかできるのではないかと思います。

楽天のほうは，楽天のタグそのものに，テーブルやフレーズタグが含まれているので，
加工しないとうまくいかないようです。そうはいっても，加工するところはそんなに多くはないですよ。

Re: ブログでのアフィリエイトについて・・ ( No.15 )

日時： 2011/06/11 23:56
名前： まさｙｎ

o6asanさん、こんばんわ。

わざわざありがとうございます。確かに揃ってますね！
実は自分も、あきらめつつも調べたりいじったりしてたら９割くらい解決の方向に！
http://tesutotesutotes.seesaa.net/?1307803397
↑アマゾンのヤツが少しずれてるだけであとは並んでるし問題ないような・・

楽天もアマゾンも、【"border】の前に、【align="left"】を入れたらこうなりました。
なんか入れるだけで簡単そうだし、あとはずれがなくなれば完璧な気もします。
楽天もアマゾンも自己責任という答えが帰ってきたので特にいじっても影響なさそうですし。
また暇な時にでもいろいろ実験してみます。

Re: ブログでのアフィリエイトについて・・ ( No.16 )

日時： 2011/06/12 00:06
名前：まさ

あ、連続すみません。ずれもいじってたら揃いました苦笑

http://tesutotesutotes.seesaa.net/?1307804550

もう一度違うブログでやれと言われてできる自信はまだないので、
勉強＆スキルアップ＆暇つぶしとしていろいろいじってみます。

綺麗なのができたら原因と解決方法を書きますね。

Re: ブログでのアフィリエイトについて・・ ( No.17 )

日時： 2011/06/12 02:48
名前：まさ

いちおう解決方法かな・・

楽天の場合
【"border="0"】の前に【align="left"】を入れる

アマゾンの場合
【frameborder="0"】の前に【align="left"】を入れる

それだけで横に並びました。

まだまだやる事や試したい事はたくさんありますが、
みなさんのおかげでやる気が出てきました。
ありがとうでした〇

＊TODOS・何でも情報交換・TOP＊＜スレッドPage＞最新 | 2 | 1 |

楽しい交流と情報交換のＴＯＤＯＳ・アップローダーも用意。ぜひＴＯＰからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。

題名	スレッドをトップへソート
名前
画像添付 JPEG GIF PNG	参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード	（好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。）
コメント
	クッキー保存

スレッドTOPへ＊＊＊スレッド一覧