あられっちさんのご要望で開始したバナー講座ですが、
姐さんのブログでのご紹介大変ありがとうございます。
バナーの作り方・貼り方講座 １
バナーの作り方・貼り方講座 ２
バナーの作り方・貼り方講座 ３
バナーの作り方・貼り方講座 ４
バナーの作り方・貼り方講座 ５
バナーの作り方・貼り方講座 ６
バナーの作り方・貼り方講座 ７
↓あられっち姐さんのブログはコチラ↓
★あられっち★
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
↓ 記事はここから ↓
では前回の続きです。
今回がバナー講座の最終回となります。
３）ＨＴＭＬタグの記入
図１ フリープラグイン設定画面
この紫四角の中に「ＨＴＭＬタグ」を記入します。
実際に貼り付ける「ＨＴＭＬタグ」は次のようなものです。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<br>
<br>
<b><font size="3" color=red>バナー置き場</font></b><br>
<br>
<br>
<A href="リンク先ＵＲＬ
" Target="_blank">
<IMG src="画像保存先ＵＲＬ " border="0">
</A>
<br>
<font size="1" color=blue>↑当ブログのバナー</font>
<br>
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
矢印の間の物をこの紫四角の中に記入します。
赤字と青地のところには前回「メモ帳」に保存した
「リンク先ＵＲＬ」と
「画像保存先ＵＲＬ」を入れてください。
緑字のところは適当な文字に変えてください。入れた通りに表示されます。
記入が済んだら青四角の「設定」をクリックします。
次にこの画面が表示されます。
図２ サイドバーの設定画面
赤四角の「保存」をクリックします。
これでフリープラグインの設定は終わりです。
４）プラグインの配置
最後にブログ画面のどこにバナーを表示させるかを決めます。
「アメブロの編集・設定」から「サイドバーの設定」の「サイドバーの配置」を選びます。
こういう画面が表示されます。
図３ サイドバーの配置画面
左の白い四角のところにある「フリープラグイン」をドラッグして、サイドバーの好みの位置においてください。
位置が決まれば、茶色四角の「保存」をクリックします。
これで作業は全て終わりです。
図４ ブログでのバナー表示イメージ
こんなふうに表示されていれば完成です。
これまで「フリープラグイン」で設定する方法を説明しましたが、他に「フリースペース」を使う方法もあります。
バナーを貼るだけならコチラのほうが良いかもしれません。
前回のところまでは同じ作業なので、今回の３）以降の作業が変わってきます。
ではその方法を説明します。
３’）ＨＴＭＬタグの記入
「アメブロの編集・設定」から「アメブロの設定」の「フリースペース編集」を選びます。
こういう画面が表示されます。
図５ フリースペース設定画面
この紫四角の中に「ＨＴＭＬタグ」を記入します。
やり方は３）と一緒です。
＊注意点
ここに「ＨＴＭＬタグ」を記入する際には、「<br>」の部分を削除してください
記入が済んだら、赤四角の「保存」をクリックします。
４’）プラグインの配置
先ほどは「フリープラグイン」をドラッグしましたが、今回は「フリースペース」に代えて作業を作業してください。
これでバナーの作り方・貼り方講座は終了です。
最後までお付き合い下さり、ありがとうございました。
＜おまけ＞
途中でてきた「ＨＴＭＬタグ」について楽しい講座を開いているブログがあります。
ピンブーのママンさんのはい、うちが（´Д｀ヽ）トホホ家族ですが、なにか？
トップにあるタグ道場 目次を見てください。
タグが使えれば、記事やブログの装飾にも役立ちますのでぜひご参考に。