2007.04.10
フリーエリア（カスタム）
またまた放置してました〜ｆ（＾＾；
やっぱり土日に寝貯めするとブログ放置になっちゃいますね〜（￣▽￣；）
今日はフリーエリアに画像を貼り付けたり、文字を入れたりしてみましょ〜
では続きからどうぞ♪
＊続きを読む＊
やっぱり土日に寝貯めするとブログ放置になっちゃいますね〜（￣▽￣；）
今日はフリーエリアに画像を貼り付けたり、文字を入れたりしてみましょ〜
では続きからどうぞ♪
フリーエリアをカスタムする場所は
管理画面の左側『環境設定』の中の『プラグインの設定』ボタンをクリックします。
クリック後開いた画面がコチラ↓
今回は��の『HTMLの変更』をクリックします。
１．タグ進入場所
まだ何にもカスタムしてない場合、HTMLの編集画面が <!-- ＆〜略〜</p> までが記入されていると思いますので、｜←ココから入力位置にタグを入れてください。
２．画像貼り付けタグ
基本はプロフィールに画像を貼り付ける方法と同じです。
わからない人、忘れた人はコチラを参照してください（←プロフィール（画像を貼る）参照）
簡単に説明すると・・・↓
・貼り付けたい画像をアップロードする。
・画像をクリックして、ＵＲＬを記憶しておく（メモ帳などに貼り付けると良い）
・画像を貼り付ける為のタグを入力する↓
<img src="■" border="0" alt="●●●">
■＝画像のURL
●●●はマウスが画像に触れたときに表示される言葉
言葉がいらない人は『alt="●●●"』を削除してください。
画像を貼り付けると同時に・・・
・画像にリンクを貼り付けたり（画像クリックすると別窓でリンク先を表示）
・画像が右から左、左から右にと流れたり（当ブログ右上部プロフィール参照）
などなどタグ次第でいろんなことが出来ます。
が！今回は説明しませ〜んｆ（＾＾；
質問されればいつか記事アップします(^▽^)
ネットで ＨＴＭＬ タグ 画像 とかで検索すればいくつか出てくると思いますよ♪
簡単なものからややこしいものまでイロイロ貼り付けられるようです。
３．文字入力
フリーエリアは、ブログ編集時と同様に好きなだけ文章が入れられます。
絵文字が使えるかは？？？です（試したことないんでｆ（＾＾；）
ただし・・・
改行するときは<BR>を入力すること！！
<BR>＝改行タグ
これを入れなければ、ひたすら長い文章になっちゃいますよ〜
（注）プロフィール編集は『Enterキー』で勝手に改行してくれます！間違わないでね♪
ブログでは大きくしたり、太文字にしたり、文字色を変えたりってボタン一つで簡単に出来ますが・・・
ＨＴＭＬ編集部分では タグ が必要になります。
Ａ．文字の色を変える
<font color="#FF0000">●●●</font>
Ｂ．太文字にする
<B>●●●</B>
Ｃ．文字を大きくする
<font size="○○px">●●●</font>（○○の数字は確認しながらご自由に♪）
これらを全て組み合わせて例をあげると・・・
『ホムペもよろしく♪』←の文字色を赤にを変え、太くし、さらに大きくします。
ホムペもよろしく♪
この場合タグは・・・↓こんな感じ
<font color="#FF0000" size="20px"><B>ホムペもよろしく♪</B></font>
文字に対するタグ（大きさや色）は一つの<font></font>でくくることが出来ます。
その場合、色と大きさの間を半角スペース開けましょう！
『" "』と最後に閉じる為のタグ『</○○>』を忘れずに！
こんなんでわかってもらえたでしょうかｆ（＾＾；
チョット説明ベタな私をお許しください(^▽^)
文字に直接リンクも貼れたりします。
その説明は・・・次回？
管理画面の左側『環境設定』の中の『プラグインの設定』ボタンをクリックします。
クリック後開いた画面がコチラ↓
今回は��の『HTMLの変更』をクリックします。
１．タグ進入場所
まだ何にもカスタムしてない場合、HTMLの編集画面が <!-- ＆〜略〜</p> までが記入されていると思いますので、｜←ココから入力位置にタグを入れてください。
２．画像貼り付けタグ
基本はプロフィールに画像を貼り付ける方法と同じです。
わからない人、忘れた人はコチラを参照してください（←プロフィール（画像を貼る）参照）
簡単に説明すると・・・↓
・貼り付けたい画像をアップロードする。
・画像をクリックして、ＵＲＬを記憶しておく（メモ帳などに貼り付けると良い）
・画像を貼り付ける為のタグを入力する↓
<img src="■" border="0" alt="●●●">
■＝画像のURL
●●●はマウスが画像に触れたときに表示される言葉
言葉がいらない人は『alt="●●●"』を削除してください。
画像を貼り付けると同時に・・・
・画像にリンクを貼り付けたり（画像クリックすると別窓でリンク先を表示）
・画像が右から左、左から右にと流れたり（当ブログ右上部プロフィール参照）
などなどタグ次第でいろんなことが出来ます。
が！今回は説明しませ〜んｆ（＾＾；
質問されればいつか記事アップします(^▽^)
ネットで ＨＴＭＬ タグ 画像 とかで検索すればいくつか出てくると思いますよ♪
簡単なものからややこしいものまでイロイロ貼り付けられるようです。
３．文字入力
フリーエリアは、ブログ編集時と同様に好きなだけ文章が入れられます。
絵文字が使えるかは？？？です（試したことないんでｆ（＾＾；）
ただし・・・
改行するときは<BR>を入力すること！！
<BR>＝改行タグ
これを入れなければ、ひたすら長い文章になっちゃいますよ〜
（注）プロフィール編集は『Enterキー』で勝手に改行してくれます！間違わないでね♪
ブログでは大きくしたり、太文字にしたり、文字色を変えたりってボタン一つで簡単に出来ますが・・・
ＨＴＭＬ編集部分では タグ が必要になります。
Ａ．文字の色を変える
<font color="#FF0000">●●●</font>
Ｂ．太文字にする
<B>●●●</B>
Ｃ．文字を大きくする
<font size="○○px">●●●</font>（○○の数字は確認しながらご自由に♪）
これらを全て組み合わせて例をあげると・・・
『ホムペもよろしく♪』←の文字色を赤にを変え、太くし、さらに大きくします。
ホムペもよろしく♪
この場合タグは・・・↓こんな感じ
<font color="#FF0000" size="20px"><B>ホムペもよろしく♪</B></font>
文字に対するタグ（大きさや色）は一つの<font></font>でくくることが出来ます。
その場合、色と大きさの間を半角スペース開けましょう！
『" "』と最後に閉じる為のタグ『</○○>』を忘れずに！
こんなんでわかってもらえたでしょうかｆ（＾＾；
チョット説明ベタな私をお許しください(^▽^)
文字に直接リンクも貼れたりします。
その説明は・・・次回？
2007.04.06
フリーエリア（設定）
珍しく立て続けに投稿してますｆ（＾＾；
ネタを提供してくれたkozaruさんありがとうございます♪
（↑勝手に名前出してすみませんm(＿ ＿)m）
昨日に引き続きフリーエリアのカスタム方法を！
フリーエリアの取り込み方がわからない人はコチラを見てくださいね♪
今日はフリーエリアの設定方法です。
続きからご覧ください♪
＊続きを読む＊
ネタを提供してくれたkozaruさんありがとうございます♪
（↑勝手に名前出してすみませんm(＿ ＿)m）
昨日に引き続きフリーエリアのカスタム方法を！
フリーエリアの取り込み方がわからない人はコチラを見てくださいね♪
今日はフリーエリアの設定方法です。
続きからご覧ください♪
１．環境設定からプラグインの設定を選ぶ
プラグインの設定方法も←図の□枠内『プラグインの設定』から行います。
『プラグインの設定』をクリックしましょ〜
２．設定の変更画面を開く
次に開いた画面は↓コチラ
取り込み時にカテゴリーの位置を決める場所があったのを覚えてますか？
カテゴリー１やカテゴリー２
ご自分が取り込んだ場所にフリーエリアがあるはずです。
私の場合はカテゴリー３だったので、『プラグインカテゴリー３』の中にあります。
今回は設定を変更するだけなので、��の『設定の変更』をクリックしましょ〜
３．設定の説明
そして次に開いた画面は↓コチラ（見づらいときは画像をクリックして大きく見てね）
ほとんどが管理画面の設定上部にある説明を見ればわかると思いますが・・・
いちおう↓で説明を
Ａ・・・タイトル名（プラグインのタイトル名『アルバム』や『イラスト』などなど）
Ｂ・・・タイトル名の位置（ご自分のブログサイドに合わせたほうが良いかな？）
Ｃ・・・フリーエリア内の文字を左に寄せたり中央に持ってきたりします
Ｄ・・・フリーエリア内に説明をつけたとき、左に寄せるか中央か右に設定
Ｅ・・・フリーエリア内に説明をつけるとき。（付けたくない人は空白でＯＫ）
Ｆ・・・管理画面の説明にもありますが、他からブログパーツを持ってきたりしたとき、発行されたＨＴＭＬやJavaをココの欄に貼り付けます。
私はブログパーツをつけていないので、Ｆの詳しい説明は控えさせていただきます。
画像を貼り付ける方法などはまた次回・・・
あら？昨日も同じこと言ってた？笑
ごめんなさいm(＿ ＿)m
今度こそ画像の貼り付けを説明します♪
もし待ちきれない人は・・・
プロフィールに画像を貼り付ける方法と同じです。
↓の��をクリックしてカスタムしてくださいね♪
プラグインの設定方法も←図の□枠内『プラグインの設定』から行います。
『プラグインの設定』をクリックしましょ〜
２．設定の変更画面を開く
次に開いた画面は↓コチラ
取り込み時にカテゴリーの位置を決める場所があったのを覚えてますか？
カテゴリー１やカテゴリー２
ご自分が取り込んだ場所にフリーエリアがあるはずです。
私の場合はカテゴリー３だったので、『プラグインカテゴリー３』の中にあります。
今回は設定を変更するだけなので、��の『設定の変更』をクリックしましょ〜
３．設定の説明
そして次に開いた画面は↓コチラ（見づらいときは画像をクリックして大きく見てね）
ほとんどが管理画面の設定上部にある説明を見ればわかると思いますが・・・
いちおう↓で説明を
Ａ・・・タイトル名（プラグインのタイトル名『アルバム』や『イラスト』などなど）
Ｂ・・・タイトル名の位置（ご自分のブログサイドに合わせたほうが良いかな？）
Ｃ・・・フリーエリア内の文字を左に寄せたり中央に持ってきたりします
Ｄ・・・フリーエリア内に説明をつけたとき、左に寄せるか中央か右に設定
Ｅ・・・フリーエリア内に説明をつけるとき。（付けたくない人は空白でＯＫ）
Ｆ・・・管理画面の説明にもありますが、他からブログパーツを持ってきたりしたとき、発行されたＨＴＭＬやJavaをココの欄に貼り付けます。
私はブログパーツをつけていないので、Ｆの詳しい説明は控えさせていただきます。
画像を貼り付ける方法などはまた次回・・・
あら？昨日も同じこと言ってた？笑
ごめんなさいm(＿ ＿)m
今度こそ画像の貼り付けを説明します♪
もし待ちきれない人は・・・
プロフィールに画像を貼り付ける方法と同じです。
↓の��をクリックしてカスタムしてくださいね♪
2007.04.05
フリーエリア（取り込み）
またまた放置してましたｆ（＾＾；
だって・・・
ネタがないんだも〜ん(^▽^)
でも今日はフリーエリアについて、ちょっくら説明しちゃいます♪
フリーエリアってHTMLやJava対応しているからなんでもできちゃう♪と思います。（たぶん）
・ちいちゃいアルバムをつけたり・・・
・携帯投稿用の画像ブログ？をつけたり・・・
・カウンターやアクセス解析をまとめて貼り付けたり・・・
まずは、取り込み方を続きにて♪
わかってる人はスル〜とね(^▽^)
＊続きを読む＊
だって・・・
ネタがないんだも〜ん(^▽^)
でも今日はフリーエリアについて、ちょっくら説明しちゃいます♪
フリーエリアってHTMLやJava対応しているからなんでもできちゃう♪と思います。（たぶん）
・ちいちゃいアルバムをつけたり・・・
・携帯投稿用の画像ブログ？をつけたり・・・
・カウンターやアクセス解析をまとめて貼り付けたり・・・
まずは、取り込み方を続きにて♪
わかってる人はスル〜とね(^▽^)
１．環境設定のプラグインを選ぶ
←□枠の『プラグインの設定』をクリック！
２．公式からプラグインを選ぶ
次に↓と同じ画面が出てると思います。
□枠の『公式』をクリックしてください。
３．プラグインの選択
□枠の『その他のプラグイン』をクリック！
４．プラグインの名前をつけて保存する
□枠の『フリーエリア』に好きなタイトルを入れる。
（アルバムとか、携帯ブログとか！とりあえず変えなくてもＯＫ）
□枠の『カテゴリー１』右側にある↓矢印をクリックし、位置を選ぶ。
（サイドメニューの位置です）
□枠内の『追加』ボタンをクリックで確定します。
これでプラグインエリアに『フリーエリア』を追加することが出来ました♪
次回はココに画像をいれてみましょ〜
←□枠の『プラグインの設定』をクリック！
２．公式からプラグインを選ぶ
次に↓と同じ画面が出てると思います。
□枠の『公式』をクリックしてください。
３．プラグインの選択
□枠の『その他のプラグイン』をクリック！
４．プラグインの名前をつけて保存する
□枠の『フリーエリア』に好きなタイトルを入れる。
（アルバムとか、携帯ブログとか！とりあえず変えなくてもＯＫ）
□枠の『カテゴリー１』右側にある↓矢印をクリックし、位置を選ぶ。
（サイドメニューの位置です）
□枠内の『追加』ボタンをクリックで確定します。
これでプラグインエリアに『フリーエリア』を追加することが出来ました♪
次回はココに画像をいれてみましょ〜
2007.03.22
文章編（回り込み）
なんだかエライ放置してましたｆ（＾＾；
もう今更？かもしれませんが・・・
１．文章を真ん中に寄せていたり・・・
２．字を大きくしていたり・・・
３．画像の横に字を回りこませていたり・・・
の３文字を回り込ませる方法を説明したいと思います♪
ではでは続きをどうぞ〜
＊続きを読む＊
もう今更？かもしれませんが・・・
１．文章を真ん中に寄せていたり・・・
２．字を大きくしていたり・・・
３．画像の横に字を回りこませていたり・・・
の３文字を回り込ませる方法を説明したいと思います♪
ではでは続きをどうぞ〜
通常画像をアップしたときって、横に文字が来ませんよね！
↓こんな感じで・・・
文字が写真の下に来てますよね
大きい画像の場合は良いですが・・・
↑の写真のように小さい画像で、文字が下にくると右側がチョット寂しいですよね〜
そんなときは、画像の右側に文字を回り込ませるようにすれば良いんです！
どうやるかというと・・・
画像をアップロードして、記事を書けば↓のようなタグが現れます。
<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0"></a><br clear="all">
これを・・・
<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0" align="left"></a>○○○○○<br clear="all">
って赤字を追加すれば良いんです！
align="left" で、画像を左側に。
align="rigth" で、画像を右側に
○○○に書き込みたい文字を！
この赤字を入れるだけで、↓こんな感じになります。
ねっ♪右側に文字が回りこまれてるでしょ〜
もしも文字が上に行き過ぎるのがイヤなら・・・
改行してやれば良いんですよ♪
とこんな感じですｆ（＾＾；
サムネイル画像を小さく設定している人とかは、この回り込みを使えば画像横が寂しくなくなるのではないでしょうか？
物凄くブログを放置しといて、コレか？って感じですがｆ（＾＾；
これで終わりです♪
次のネタ・・・
考えてませ〜ん（￣▽￣；）
また放置するかもですね（≧ｍ≦）ぷぷ
↓こんな感じで・・・
文字が写真の下に来てますよね
大きい画像の場合は良いですが・・・
↑の写真のように小さい画像で、文字が下にくると右側がチョット寂しいですよね〜
そんなときは、画像の右側に文字を回り込ませるようにすれば良いんです！
どうやるかというと・・・
画像をアップロードして、記事を書けば↓のようなタグが現れます。
<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0"></a><br clear="all">
これを・・・
<a href="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" target="_blank"><img src="http://blog-imgs-11.fc2.com/g/s/t/gstemp/2007322-01.jpg" alt="2007322-01.jpg" border="0" align="left"></a>○○○○○<br clear="all">
って赤字を追加すれば良いんです！
align="left" で、画像を左側に。
align="rigth" で、画像を右側に
○○○に書き込みたい文字を！
この赤字を入れるだけで、↓こんな感じになります。
ねっ♪右側に文字が回りこまれてるでしょ〜もしも文字が上に行き過ぎるのがイヤなら・・・
改行してやれば良いんですよ♪
とこんな感じですｆ（＾＾；
サムネイル画像を小さく設定している人とかは、この回り込みを使えば画像横が寂しくなくなるのではないでしょうか？
物凄くブログを放置しといて、コレか？って感じですがｆ（＾＾；
これで終わりです♪
次のネタ・・・
考えてませ〜ん（￣▽￣；）
また放置するかもですね（≧ｍ≦）ぷぷ
2007.03.08
サムネイル画像の設定
今日は予定を変更して・・・
昨日いただいた質問をココでお答えしたいと思います♪
Ｑ．横幅６００以上の画像をアップしたいが、サムネイル画像で記事を書くと小さくてスペースが空き過ぎて間が抜けた感じがする
ってことでした。
対処法として
１．画像を小さくして（当テンプレだと横幅５２０以下）アップロードする
２．サムネイル画像サイズの設定を変更する
１は画像加工ソフトによってやり方が違うので、ここでは説明できませんが・・・
２の設定変更はFC2さん全ての共通部分なので続きにてご説明いたします♪
＊続きを読む＊
昨日いただいた質問をココでお答えしたいと思います♪
Ｑ．横幅６００以上の画像をアップしたいが、サムネイル画像で記事を書くと小さくてスペースが空き過ぎて間が抜けた感じがする
ってことでした。
対処法として
１．画像を小さくして（当テンプレだと横幅５２０以下）アップロードする
２．サムネイル画像サイズの設定を変更する
１は画像加工ソフトによってやり方が違うので、ここでは説明できませんが・・・
２の設定変更はFC2さん全ての共通部分なので続きにてご説明いたします♪
サムネイル画像サイズの設定は、管理画面左メニューの中にある『環境設定の変更』から行います。
←□枠の『環境設定の変更』ボタンをクリックしてください。
次に↓画像と同じメニューの画面が出ます。
□枠内の『ブログの設定』をクリック！
かなり下のほうに↓と同じ内容が出ますので、確認してください。
□枠内がサムネイル画像サイズの設定になりますので、お好みのサイズに変更し保存ボタンをクリックして完了です。
後は記事に画像を貼り付けるときに、『記事を書く（サムネイルを使用）』ボタンをクリックして記事を仕上げてください。
注意点として・・・
テンプレートを変更した場合、横幅に差がありすぎるとレイアウトが崩れます。
その時は再度サムネイル画像サイズを変更しなければいけません。
ちなみに現在私が登録している二つのテンプレートだと、ギリギリで横幅５２０まで大丈夫だと思います。
ベストは５００かな？
以上でサムネイル画像サイズの設定変更方法は終わりです。
次の記事は『画像の横に字を回り込ませる』です。（予定変更になるかも？笑）