カスタム基礎 第1回

オリジナルアイコンを使ってボタンやバナーを作ろう♪


ブログカスタム1回目はアイコンをクリックすると

読者登録やメッセージ画面に飛ぶ仕掛けについてです。
文章が下手で長くなりそうなので２回に分けたいと思いますφ(．． ) 　

そしてこれらは自分なりの物ですのでもっといいやり方があると思います
なのでほんとに基礎なのです。

☆今回はブログのカスタム可能なものでなくてもフリースペースに
直接打ち込むだけですので難しいことはなく簡単です♪



①　最初にどういったボタンをつくるか決めます
　　
　　すでにあるもの例えば読者登録などは
　　
　　マウス右クリックでURLをコピーしてメモ帳
　　
　　にでも張り付けてわかるようにしておきましょう！

　　（今回説明ではツイッターのプロフィールにしています。）
　　　http://twitter.com/mastersanpo


②　用意していただくもの

　　アイコン画像♪


自分のブログ左にあるツイッターボタンなどはフリーのアイコン
を使っています

グーグルさんで free icon で検索すると沢山出てきますので
お気に入りのサイトから好きなだけダウンロードして準備して下さい。


③　次に用意した画像をアップロードします
これはブログの記事を書く画面から上部にある画像ボタンを押すと
アップロードできます。

そのあとにオリジナルで表示項目にチェックを入れて
表示させます



そうするとこうなるはずです。
ここで記事を書く画面の下にあるHTMLタグを表示 を選択してください

そうするとこのような文字列がでていますので赤字の部分を
コピーしましょう

<a href="http://stat.ameba.jp/user_images/20101006/13/how-i-got-over/4c/d1/p/o0128012810786034965.png"><img border="0" src="http://stat.ameba.jp/user_images/20101006/13/how-i-got-over/4c/d1/p/o0128012810786034965.png" alt="散歩マスターの白昼夢" /></a>
<br />

（できたらメモ帳にでも張り付けてわかるようにしておきましょう。　）


長くなりそうなので１回目は準備でおしまいです。
お疲れ様でした♪

ここまででわからないことはコメントでもメッセージでもどうぞ☆


第２回はこちら

特別編はこちら