VOL.20　Oct 31 2005
DTI　アフィリエイトプログラム専用　　

◆ブログ用コード編
｜
｜
ブログ用コード編
DTIブログを使って、ブログ内に以下の３パターンのRSS広告を表示させてみました。まずは以下のブログをご覧ください。
「 ブログでRSS広告を使ってみよう　」

【１】　ブログのトップ部分に表示（記事を投稿しても常にブログのトップ位置に表示される）
【２】　ブログのサイド部分に表示
【３】　１記事として投稿。最新３つだけを表示
【オススメ！】　RSSアイコンを表示させ、自分のサイトをRSSリーダーに登録してもらおう

ブログにRSSを表示させる時の確認事項
ブログ内の横幅（HTMLタグでいうとwidth）を確認しておきましょう！幅といってもいろいろあります。ブログ自体の幅、記事を投稿する部分の幅、サイドナビゲーションの幅などです。 これ必ず把握し、RSS広告の幅を調節しましょう。幅を間違えると、ブログのレイアウトがくずれてしまい、ガタガタなページになってしまいます。 せっかく来てくれたユーザーも離れていってしまうかも。。。　気をつけましょう！！

今回使用した、「 ブログでRSS広告を使ってみよう　」 での各部分の横幅は以下のようになっています。

トップ部分：　780ｐｘ

両脇の各サイド部分：　170ｐｘ

記事投稿部分：　440ｐｘ
【１】　ブログのトップ部分に表示する
ブログのトップ部分に表示させておけば、記事を投稿しても下部へ追いやられていくこともなく、常に同じ位置で表示させることができます。 バックグラウンドカラーやリンクカラーなどを自分のブログに合わせて変えてみましょう。

「 ブログでRSS広告を使ってみよう　」

*以下のHTMLコードを使ってRSSを表示しています。ID（xxxxxの部分）はご自身のIDに変更してください。
（変更したコード部分は赤文字になっています。）

<iframe src="http://rss.dtiserv.com/cgi-bin/display_feed.fcgi?feed=feed01.xml&affid=xxxxx
&items=20&fntsize=12&bgcolor=333333&txtcolor=ffffff&lnkcolor=FF0000&pubdates=1&margin=-10" width="780" height="200" frameborder="1"scrolling="yes"></iframe>
【２】　ブログのサイド部分に表示する
サイドに表示させるときには特に横幅、縦幅に注意しましょう。今回はサイドバーは幅が狭いのでスクロールバーの表示を消し、文字サイズも小さめ、さらに左マージンを狭くしてみました。

「 ブログでRSS広告を使ってみよう　」

*以下のHTMLコードを使ってRSSを表示しています。ID（xxxxxの部分）はご自身のIDに変更してください。
（変更したコード部分は赤文字になっています。）

<iframe src="http://rss.dtiserv.com/cgi-bin/display_feed.fcgi?feed=feed01.xml&affid=xxxxx
&items=20&fntsize=11&bgcolor=000000&txtcolor=ffffff&lnkcolor=FF0000&pubdates=1&margin=-15" width="170" height="500" frameborder="1"scrolling="no"></iframe>
【３】　１記事として投稿。最新３つだけを表示
１ブログ記事として投稿する場合にも、やはり横幅に注意しましょう。また今回は最新動画３つだけを表示するように設定してみました。
記事投稿部分がこのように440ｐｘの場合
・最新動画３つだけ表示　→items=3、height="280"
・最新動画５つだけ表示　→items=5、height="400"
以上の設定にするとRSS内の文章が切れることなく、確実に表示されました。

「 ブログでRSS広告を使ってみよう　」

*以下のHTMLコードを使ってRSSを表示しています。ID（xxxxxの部分）はご自身のIDに変更してください。
（変更したコード部分は赤文字になっています。）

<iframe src="http://rss.dtiserv.com/cgi-bin/display_feed.fcgi?feed=feed01.xml&affid=xxxxx
&items=3&fntsize=12&bgcolor=000000&txtcolor=ffffff&lnkcolor=FF0000&pubdates=1&margin=-10" width="370" height="280" frameborder="1"scrolling="no"></iframe>
【オススメ！】　RSSアイコンを表示させ、自分のサイトをRSSリーダーに登録してもらおう
広告素材集でのRSS広告のご案内はご覧いただけましたか？ご覧いただけてないようでしたらすぐ目を通してください！そして、今すぐここで紹介している「RSSアイコン」を今すぐご自分のサイトに表示させましょう！
「RSSアイコン」とは、こんなアイコンです　⇒　
　RSSアイコンを使うとこんな特典が！
RSSについての詳しい説明は広告素材集内の「RSSとは？」、「ＲＳＳ広告を使う利点」をお読みください。ここでは説明を省略させていただきます。

「RSSアイコン」特典　・・・　成功報酬獲得のチャンスがぐんと広がります！！
なぜ報酬獲得チャンスが広がるかといいますと・・・
AさんはRSSリーダー利用者で、常にエロサイト最新情報をRSSリーダーでチェック。そんなAさんがネットサーフ中にあなたのサイト内の「RSSアイコン」発見！
↓
早速Aさんはあなたのページにあった「RSSアイコン」を自分のRSSリーダーにドラッグ＆ドロップ。
（RSS広告のご案内、例) gooRSSリーダーを使用した場合の図参照）
↓
AさんのRSSリーダーにはあなたのアフィリエイトIDが入ったRSS広告が表示されます！
↓
あなたのID入りのRSS広告をクリックしてAさんが広告宣伝先のサイトに入会すると、、、
あなたに報酬が還元されます！！

　コピー＆ペーストだけで簡単表示！
RSSアイコンを自サイトに表示するのはとても簡単！以下のコードを表示したい場所にコピー＆ペーストするだけです！

<a href="http://rss.dtiserv.com/rss/feed01.xml?affid=xxxxx"><img src="http://affiliate.dtiserv.com/image/rss/rss.jpg" border="0"></a>
　※　xxxxxはご自身のアフィリエイトＩＤに変更して下さい。
　※　RSSのページは信号として配信している為、アイコンをクリックしても目に見えるページは表示されません。

　表示例
（例１）　ブログで。　　「 ブログでRSS広告を使ってみよう　」


（例２）　テキストを添えて。
　←　このアイコンをRSSリーダーに登録すると、動画最新アップ情報が手に入るよ！
｜
｜
ブログ用コード編