アフィリエイト情報ブログ > HTML > お気に入り登録ボタンの作り方とタグ

お気に入り登録ボタンの作り方とタグ

お気に入り登録ボタンの作り方とタグを備忘録として書いておきます。
※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内)に
貼り付けます。


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


Tb (0) | アフィリエイト情報ブログのTOPへ戻る