■XHTML基礎知識：情報商材アフィリエイト情報拾得ブログby３人育児中主婦

Googleに追加（Add to Google）RSSフィード登録ボタンの
作成方法を書いておきます。

グーグルのＲＳＳフィード登録ボタンを
ブログやサイトに設置する際のソースです。

＜a href="http://fusion.google.com/add?feedurl=あなたのブログのＲＳＳフィードのＵＲＬ" target="_blank"＞＜img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" border="0" alt="Add to Google" /＞＜/a＞

※＜a href="～/a＞の間の＜＞を全角で載せています。 　コピペする場合はすべて半角<>に変更して下さいね。 　変更箇所６箇所。

※公式ページはこちら

このブログの場合のソースは、

＜a href="http://fusion.google.com/add?feedurl=http://3nin.ikuji.biz/index.xml" target="_blank"＞＜img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" border="0" alt="Add to Google" /＞＜/a＞

「あなたのブログのＲＳＳフィードのＵＲＬ」の部分は、
「http://3nin.ikuji.biz/index.xml」になります。

ブログやサイトによっては、

「http://3nin.ikuji.biz/atom.xml」や
「http://3nin.ikuji.biz/index.rdf」など、いろいろあります。

主な無料ブログの
RSSフィードの例を載せておきますね。

・FC2ブログの場合
「http://～.blog数字.fc2.com/?xml」

・seesaaブログの場合
「http://～.seesaa.net/index.rdf」

・ジュゲムブログの場合
「http://～.jugem.jp/index.rdf」

・ライブドア無料ブログの場合
「http://blog.livedoor.jp/あなたのライブドアアカウント/index.rdf 」

・ライブドアブログ有料版の場合
「http://～.livedoor.biz/index.rdf」

・ライブドアブログ有料プラン＋独自ドメインの場合
「http://独自ドメイン/index.rdf」

RSSフィードはだいたいの場合、
「http://URL/index.rdf」ですね。

コレでダメな場合
「http://URL/index.xml」
「http://URL/?xml」
「http://URL/atom.xml」

を試してみましょう！

ちなみに・・・

このサイトでは、RSSフィードに
登録するボタンを一括生成するサイトで作ってます♪

ＲＳＳプラス（ＳＥＯ対策ドットコムさん）

ＳＥＯ対策ドットコムさんは
EC STUDIOというＳＥＯ対策会社で有名ですね。

重いパソコンがサクサク動くウイルス対策ソフト

こちら↑も手がけているので
知っていらっしゃる方も多いかと。

ＳＥＯ対策ドットコムの
無料で公開されている情報には

アフィリエイトを知った初期の頃、
SEOの知識を得るのにとっても役に立ちました。

アフィリエイトリンクスタッフも募集していますよ～。




さまざまな報酬パターン、２ティアーで高額報酬のチャンス！

お気に入り登録ボタンの作り方とタグを備忘録として書いておきます。
※Windows IE対応。そのほかは未確認。

inputタグを使います。

例）

＜input type="button" value="お気に入りに追加 " onkeypress="" onclick="javascript:window.external.AddFavorite ('http://3nin.ikuji.biz/','情報商材アフィリエイトブログ')" /＞

タグを書くのに、全角で書かないと、
お気に入りボタンがそのまま表示されてしまうため、

最初の「＜」と最後の「＞」を全角にしています。

コピーして使用される際は、
最初の「＜」と最後の「＞」は、半角英数に直して下さい。

※http://～の部分を
　 あなたのサイトのURLに書き換えて下さい。
※ブログ名の部分を
あなたのサイトのタイトルに書き換えて下さい。

さて、色をかえてみましょう。

＜input type="button" value="お気に入りに追加 " onkeypress="" onclick="javascript:window.external.AddFavorite ('http://3nin.ikuji.biz/','情報商材アフィリエイトブログ')" style="border-style:solid; border-width:2px; border-color:#ffffff; width:120px; background:#e5aca3; font-size:10pt; color:#ffffff" /＞

border-style＝枠線の種類

none；なし
dotted；点線
dashed；破線
solid；実線
double；二重線

※基本的なところで♪後は調べてみてください☆

border-width＝枠線の幅
border-color＝枠線の色
width＝ボタンの幅
background＝ボタンの背景
font-size＝文字の大きさ
color＝文字の色

色のカラーコード表は、
コチラのサイトが便利です↓
カラーコード作成マッシーン

あとは、出自分のサイト用に出来たタグを、
お気に入りボタンを設置したい場所（HTML内）に
貼り付けます。

わからないところがありましたら、コメント欄に質問ください♪

!DOCTYPE html PUBLICとは、

「DOCTYPE宣言」をして、

そのページがどのようなバージョンの、
どのようなルールに従って、

記述されるかを宣言するものだそうです。

例えば、このページのソース、
ページ先頭でこのような「DOCTYPE宣言」をしています。

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

このページは、

"-//W3C//DTD XHTML 1.0 Transitional//EN"

HTML, XML, XHTML, CSS, PNGなどの規格をとりまとめている、

W3C（The World Wide Web Consortium） という
Webの標準化団体のルールにのっとり、、

Transitionalという文書型定義（ＤＴＤ）で、

XHTML1.0バージョンで書きますと宣言しているということでしょうか。

参考にしているルールは、

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

ここ↑に載っていますから、
プラウザの表示モードを「標準モード」でよろしく。みたいな(笑）

とにかく、Ｗｅｂを見る人は、色々なプラウザからアクセスしてきますから、
どのプラウザでも閲覧できる環境が大事なんですねー。

とにかくはじめに、この「DOCTYPE宣言」をすると。

＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

※ＨＴＭＬで書くか、ＸＨＴＭＬで書くかは自由ですが、
　今後はＸＨＴＭＬが主流となってくるようですね。

※DTDには、Strict、Transitional、Frameset の3種類があり、
　記述方法や意味がそれぞれ異なりようです。

では、「DOCTYPE宣言」の前の、ＨＴＭＬ宣言は、
絶対に必要なのか・・・？

＜?xml version="1.0" encoding="UTF-8"?＞

時間を見て調べたらまた書きますね。

どなたか、詳しい方がいらっしゃったら、コメント下さい☆