無料ブログ・ホームページの作り方を図解。超初心者も楽々プログ・ホームページとアフェリエイト(アドセンスも)を簡単マスター！

★はじめはリンクの張り方をお話しします｡

タグ　は、　<a href="リンク先のURL" target="_blank">リンク先の説明</a>　の形で使用します｡

例として,　Yahoo　と　Google　に　リンクを張って見ましょう。

<a href="http://www.yahoo.co.jp/" target="_blank" title="Yahoo">Yahoo</a>
/ <a href="http://www.google.co.jp/ig?hl=ja" target="_blank" title="Google">Google</a>

Yahoo　/　Google　<<==　実際に表示される形

リンクの連続表示は / か ｜を使って区切っています｡

リンクを表示する時は,CSSで文字の色を指定しましょう｡

/* リンクの色 を指定しましょう　 */
a{ color: #656565;　　　/* 通常表示 /*
}
a:link{ color: #006655; text-decoration: underline;　　/* 文字に下線を引く /*
}
a:visited{ color: #656565;　　　/*　一度訪れたサイト */
}
a:hover{ color: #ff2200; text-decoration:none;　/*　カーサーがリンク上に来た時 */
}

以上で「リンクを張る」　を終ります｡

では、お友達リンクは何処に表示したらいいでしょうか？　　

ドラぇ門は、「邪魔にならない場所」として【Footer】の上に張り付けています。


次に、Footerに表示される著作権と「addressタグ」のお話しをします。

この、「addressタグ」はブログ/ホームページの【コピーライト】を明示する目的で使用されます。

<address>Copyright(C) 作者名 All rights reserved. ホームページ名(+URL)　</address>　　の形で使用されます。

尚,addressタグで囲まれた部分は、斜体文字での表示になります。

著作権そのものについては、既にご存知のこととですので、内容は省略させていただきます。




★最後に　【アフィリエイトのリンクの張り方】　のお話しです。

これは非常に簡単で、アフィリエイト･サイトで提供しているコードを,
「コピペ（コピー　and　ペースト）」すれば終わりです｡　
場所は、サイズと全体のバランスを考えて選んでくださいね。

例としてグーグルのアドセンスを貼って見ました。（個人コードが正しくないので正しく表示出来ません）

<!--p>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
//728x90, 作成済み 08/01/09
google_ad_slot = "5344787988";
google_ad_width = 728;
google_ad_height = 90;
//--<>/script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p-->

ブログの場合には色々と制限があったり、コードが煩雑で何処に貼ればいいのか解りづらいのですが、ホームページには殆ど制限が在りませんし、貼る場所も簡単に探せ出せます｡

アドセンスは,画像・文章のすぐ下に,<P>-----</p>で囲んで貼り付けてあります。


今回はHTMLを使って【リンクの張り方】と【addressタグ】をお話ししました。

----------------------------------------------------------
今日の作業でこんなサイトが出来上がりました。　ご参照ください

作成しました”HTML""CSS""GIF"ファイルはしたのリンクからDOWNLOAD出来ます。
（リンクを右クリックして保存してください）
blank1.gifのDOWNLOAD
HTMLのDOWNLOAD
CSSのDOWNLOAD
dazaifu.gifのDOWNLOAD
hasu.gifのDOWNLOAD
hasu_s.gifのDOWNLOAD
----------------------------------------------------------
HTML/CSSの【編集】は,右クリック⇒アプリケションから開く⇒notepadで選択し編集してください。

HTMLファイルをクリックするとWeb-Page形式で表示されます。

編集/確認後,実際にWeb-Siteにアップして公開したい場合には,
ＦＣ２ ホームページを使いませんかを参照して行ってください。

***【簡単ブログの作り方-サイトマップ＆プログ便利帖】はこのフォーマットをベースとして作成されています。***
記事は参考になりましたでしょうか？　参考になったと思われましたら下のバーナをクリック頂けませんでしょうか?　怪しいバーナではありません。　参加しているブログランキングと云うコンテストのバーナです。　クリックして,応援頂ければ飛び上がって喜びます。　ご訪問ありがとうございました。＝ 管理人･ドラぇ門 ＝

←←ランキングの順位は？