ホームページ作成小技集 初心者のための今さら聞けないお気に入り追加ボタン小技編
今さら聞けないＨＰ小技集 お気に入り追加ボタン
お気に入り追加ボタンについて
自分のサイトを気に入ってもらえたら、お気に入りサイトに入れて欲しいですよね。訪問してくれた人の中にはお気に入りに追加する方法がわからない方もいるかもしれません。そんな方のためにサイトにお気に入りボタンをつけましょう。
ホームページ作成小技メニュー一覧に戻るには＞ホームページ作成小技ガイド
サンプル
IEのみです。
タグ
<body>〜</body>の表示したい部分に書き込めばOK。一番シンプル版です。
サンプル
IEのみです。
タグ
<body>〜</body>の表示したい部分に書き込めばOK。上のボタンタイプをカスタマイズしてみました。スタイルでボタンの見栄えを変えています。同じボタンでもずいぶん上とは違いますよね。 border-width:1px 周りの枠の太さです。数字が大きくなればそれだけ太い枠になります。 border-color:#ff9b06 ボタンの枠の色です。好きなカラーコードに変更可能。 background:#fffcf7 ボタンの中の背景色です。好きなカラーコードに変更可能。 ('http://chance.gozaru.jp/','ノミでもわかるインターネット')"
http://chance.gozaru.jp/ →自分のサイトURLに変えて下さい。
内職お小遣い！チャンスな総合案内所 →自分のサイト名に変えて下さい。
font-size:10pt; 字のサイズを変えられます。
color:#000000" 枠内の『お気に入りに追加』など表示されるフォントのカラーを変えられます。
サンプル
IEのみです。
タグ
<body>〜</body>内に記入画像を使えば、かなり他のサイトとは違ったお気に入りボタンが作成できると思います。 ('http://chance.gozaru.jp/','ノミでもわかるインターネット')"
http://chance.gozaru.jp/ →自分のサイトURLに変えて下さい。
ノミでもわかるインターネット →自分のサイト名に変えて下さい。
src="http://chance.gozaru.jp/inernetgazou/banner88.gif" →自分の画像のURLに変えて下さい。
width="88" height="31" →自分の画像のサイズに変更して下さい。
直接BODYタグ内に記述ではなく、コマンドをHEAD内に記述してBODYタグでは必要なもののみ記述の方法もあります。お気に入りに追加の場合は、1ページにいくつも記述することはないと思うので、BODYに直接記述タイプで十分だと思います。
<head>〜</head>内に記述
枠つきボタン：表示希望位置<body>〜</body>内に記入
文字タイプ：表示希望位置<body>〜</body>内に記入
お気に入りに追加ボタンですが、いろいろなサイトで見かけますね。ボタン式のものから、他の文字と変わりないような文字タイプまで、サイトに合わせてカスタマイズの方も多いようです。他の追加の方法を教えてのメールをもらいましたので、コーナーを作ってしまいました。自分のサイトに合うようにカスタマイズして下さいね。
<script language="JavaScript">以前はこの記述でOKでした。私が勉強をしていた時もこの記述(HTML3.2）でしたが、HTMLのバージョンも上がり、廃止タグの関連で、記述は<script
type="text/javascript">が最新の正確なものになってます。もちろん<script language="JavaScript">でも大丈夫ですが、これから勉強を始める方は新しい記述で覚えてくださいね。なかなかHTMLのタグ関連もチェックがすすんでませんが、せっかく覚えるなら最新版です。
ホームページ作成小技
今さら聞けないＨＰ小技集 お気に入り追加ボタン↑ＴＯＰ（上）へ
-当サイト利用によるトラブルや損害について一切の責任を負いかねます。ご利用の際は、必ず該当サイトで確認を-
copyright (C) since 2005.3.6ノミでもわかるインターネット all right reserved.