あられっちさんのご要望で開始したバナー講座ですが、
姐さんのブログでのご紹介もありまして大盛況です。
バナーの作り方・貼り方講座 １
バナーの作り方・貼り方講座 ２
バナーの作り方・貼り方講座 ３
バナーの作り方・貼り方講座 ４
バナーの作り方・貼り方講座 ５
バナーの作り方・貼り方講座 ６
ありがとうございます。
↓あられっち姐さんのブログはコチラ↓
★あられっち★
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
↓ 記事はここから ↓
では前回の続きです。
③フリープラグインにＨＴＭＬタグを記入する
前回、フリープラグイン設定の画面を開くところまで行きましたね。
図１ フリープラグイン設定画面
この紫四角の中に「ＨＴＭＬタグ」と呼ばれるものを記入していきます。
実際に貼り付ける「ＨＴＭＬタグ」は次のようなものです。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<br>
<br>
<b><font size="3" color=red>バナー置き場</font></b><br>
<br>
<br>
<A href="http://hama-sush-jp.pro/necronox55" Target="_blank">
<IMG src="http://stat.ameba.jp/user_images/fa/48/10014471987.gif" border="0">
</A>
<br>
<font size="1" color=blue>↑当ブログのバナー</font>
<br>
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
矢印の間の物をこの紫四角の中に記入すれば貼り付けが完了しますが、赤字と青地のところはみなさんの場合はこれと変わってきますので、この先で説明していきます。
赤字を「リンク先ＵＲＬ」、青地を「画像保存先ＵＲＬ」と呼びましょう。
図２ バナーの貼り付けイメージ
この緑四角のように表示されます。
ここから先、ウィンドウズＰＣに入っている「メモ帳」というソフトを使うのでその説明をします。
「メモ帳」とは本物のメモ帳のようなものです。ブログの記事の下書きにも使えますよ。
起動方法は画面左下の「スタート」ボタンをクリック →「すべてのプログラム」にカーソルを合わせる →開いたウインドウの｢アクセサリ」にカーソルを合わせる →「メモ帳」をクリック
ここに書いたり、貼り付けたりしたものをファイル保存することもできます。
図３ メモ帳起動
では、もとに戻ります。
１）リンク先ＵＲＬ
リンク先ＵＲＬはこのバナーをクリックしたときに飛んでいく先のＵＲＬ（アドレス：ネット上の住所番地のようなもの）です。
赤字のＵＲＬは私のブログのものですが、ブログトップを開いたときに表示されています。
図４ ブログのＵＲＬ
赤四角の「アドレスバー」に表示されています。
この部分をマウスでクリックもしくはドラッグして選択して、右クリックで開く緑四角から「コピー」をクリックしましょう。
これで一旦ＰＣのメモリに記憶されてので、これを先ほど起動した「メモ帳」に貼り付けてみましょう。
うまくいきましたか？
この作業を、バナーからリンクさせたいウェブページについて行いましょう。
これが先ほどのリンク先ＵＲＬにあたります。
２）画像保存先のＵＲＬ
引き続き、「メモ帳」は起動させたまま作業していきます。
以前にアメブロの画像フォルダにバナー画像を保存しておきましたが、このＵＲＬを調べる手順です。
図５ 画像保存先ＵＲＬ１
画像フォルダで目的のバナー画像を表示させ、その画像の上で右クリックをします。
紫四角のウィンドウが開くので、一番下の「プロパティー」をクリックします。
図６ プロパティーウィンドウ
図６のウィンドウが開き、緑四角のところに「ＵＲＬ」が表示されていますね。
この部分をドラッグして選択し、右クリックで開くウィンドウから「コピー」をクリックしましょう。
同様に先ほどの「メモ帳」にコピーしましょう。
これが先ほどの画像保存先ＵＲＬ
にあたります。
長くなったので、今回は以上とします。
このＵＲＬを貼り付けた「メモ帳」は保存しておきましょう。
左上の「ファイル」 →「名前をつけて保存」です。「ＵＲＬ」とでもファイル名をしましょう。
では、今回は終わりとします。