--.--.-- スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2007.04.10 フリーエリア(カスタム) 
またまた放置してました~f(^^;

やっぱり土日に寝貯めするとブログ放置になっちゃいますね~( ̄▽ ̄;)

今日はフリーエリアに画像を貼り付けたり、文字を入れたりしてみましょ~

では続きからどうぞ♪
スポンサーサイト
*続きを読む*
フリーエリアをカスタムする場所は
管理画面の左側『環境設定』の中の『プラグインの設定』ボタンをクリックします。

クリック後開いた画面がコチラ↓
20070406-01.jpg


今回はの『HTMLの変更』をクリックします。

1.タグ進入場所
20070406-03.jpg

まだ何にもカスタムしてない場合、HTMLの編集画面が <!-- &~略~</p> までが記入されていると思いますので、|←ココから入力位置にタグを入れてください。


2.画像貼り付けタグ
基本はプロフィールに画像を貼り付ける方法と同じです。
わからない人、忘れた人はコチラを参照してください(←プロフィール(画像を貼る)参照)

簡単に説明すると・・・↓
・貼り付けたい画像をアップロードする。
・画像をクリックして、URLを記憶しておく(メモ帳などに貼り付けると良い)
・画像を貼り付ける為のタグを入力する↓
<img src="■" border="0" alt="●●●">
■=画像のURL
●●●はマウスが画像に触れたときに表示される言葉
言葉がいらない人は『alt="●●●"』を削除してください。

画像を貼り付けると同時に・・・
・画像にリンクを貼り付けたり(画像クリックすると別窓でリンク先を表示)
・画像が右から左、左から右にと流れたり(当ブログ右上部プロフィール参照)
などなどタグ次第でいろんなことが出来ます。

が!今回は説明しませ~んf(^^;
質問されればいつか記事アップします(^▽^)
ネットで HTML タグ 画像 とかで検索すればいくつか出てくると思いますよ♪
簡単なものからややこしいものまでイロイロ貼り付けられるようです。


3.文字入力
フリーエリアは、ブログ編集時と同様に好きなだけ文章が入れられます。
絵文字が使えるかは???です(試したことないんでf(^^;)

ただし・・・

改行するときは<BR>を入力すること!!
<BR>=改行タグ
これを入れなければ、ひたすら長い文章になっちゃいますよ~
(注)プロフィール編集は『Enterキー』で勝手に改行してくれます!間違わないでね♪


ブログでは大きくしたり、太文字にしたり、文字色を変えたりってボタン一つで簡単に出来ますが・・・
HTML編集部分では タグ が必要になります。

A.文字の色を変える
<font color="#FF0000">●●●</font>

B.太文字にする
<B>●●●</B>

C.文字を大きくする
<font size="○○px">●●●</font>(○○の数字は確認しながらご自由に♪)

これらを全て組み合わせて例をあげると・・・

『ホムペもよろしく♪』←の文字色を赤にを変え、太くし、さらに大きくします。

ホムペもよろしく♪

この場合タグは・・・↓こんな感じ
<font color="#FF0000" size="20px"><B>ホムペもよろしく♪</B></font>

文字に対するタグ(大きさや色)は一つの<font></font>でくくることが出来ます。
その場合、色と大きさの間を半角スペース開けましょう!
『" "』と最後に閉じる為のタグ『</○○>』を忘れずに!

こんなんでわかってもらえたでしょうかf(^^;

チョット説明ベタな私をお許しください(^▽^)

文字に直接リンクも貼れたりします。
その説明は・・・次回?
2007.04.06 フリーエリア(設定) 
珍しく立て続けに投稿してますf(^^;

ネタを提供してくれたkozaruさんありがとうございます♪
(↑勝手に名前出してすみませんm(_ _)m)

昨日に引き続きフリーエリアのカスタム方法を!
フリーエリアの取り込み方がわからない人はコチラを見てくださいね♪

今日はフリーエリアの設定方法です。
続きからご覧ください♪
*続きを読む*
1.環境設定からプラグインの設定を選ぶ

20070405-01.jpg

プラグインの設定方法も←図の枠内『プラグインの設定』から行います。
『プラグインの設定』をクリックしましょ~



2.設定の変更画面を開く

次に開いた画面は↓コチラ
20070406-01.jpg

取り込み時にカテゴリーの位置を決める場所があったのを覚えてますか?
カテゴリー1やカテゴリー2
ご自分が取り込んだ場所にフリーエリアがあるはずです。
私の場合はカテゴリー3だったので、『プラグインカテゴリー3』の中にあります。

今回は設定を変更するだけなので、の『設定の変更』をクリックしましょ~


3.設定の説明

そして次に開いた画面は↓コチラ(見づらいときは画像をクリックして大きく見てね)
20070406-02.jpg


ほとんどが管理画面の設定上部にある説明を見ればわかると思いますが・・・
いちおう↓で説明を

・・・タイトル名(プラグインのタイトル名『アルバム』や『イラスト』などなど)
・・・タイトル名の位置(ご自分のブログサイドに合わせたほうが良いかな?)
・・・フリーエリア内の文字を左に寄せたり中央に持ってきたりします
・・・フリーエリア内に説明をつけたとき、左に寄せるか中央か右に設定
・・・フリーエリア内に説明をつけるとき。(付けたくない人は空白でOK)
・・・管理画面の説明にもありますが、他からブログパーツを持ってきたりしたとき、発行されたHTMLやJavaをココの欄に貼り付けます。


私はブログパーツをつけていないので、Fの詳しい説明は控えさせていただきます。

画像を貼り付ける方法などはまた次回・・・
あら?昨日も同じこと言ってた?笑

ごめんなさいm(_ _)m
今度こそ画像の貼り付けを説明します♪
もし待ちきれない人は・・・
プロフィールに画像を貼り付ける方法と同じです。
↓のをクリックしてカスタムしてくださいね♪
20070406-01.jpg
2007.04.05 フリーエリア(取り込み) 
またまた放置してましたf(^^;
だって・・・
ネタがないんだも~ん(^▽^)

でも今日はフリーエリアについて、ちょっくら説明しちゃいます♪

フリーエリアってHTMLやJava対応しているからなんでもできちゃう♪と思います。(たぶん)
・ちいちゃいアルバムをつけたり・・・
・携帯投稿用の画像ブログ?をつけたり・・・
・カウンターやアクセス解析をまとめて貼り付けたり・・・

まずは、取り込み方を続きにて♪
わかってる人はスル~とね(^▽^)
*続きを読む*
1.環境設定のプラグインを選ぶ

20070405-01.jpg




 ←枠の『プラグインの設定』をクリック!


2.公式からプラグインを選ぶ

次に↓と同じ画面が出てると思います。
20070405-02.jpg

枠の『公式』をクリックしてください。

3.プラグインの選択

20070405-03.jpg

枠の『その他のプラグイン』をクリック!

4.プラグインの名前をつけて保存する
20070405-04.jpg

枠の『フリーエリア』に好きなタイトルを入れる。
(アルバムとか、携帯ブログとか!とりあえず変えなくてもOK)

枠の『カテゴリー1』右側にある↓矢印をクリックし、位置を選ぶ。
(サイドメニューの位置です)

枠内の『追加』ボタンをクリックで確定します。


これでプラグインエリアに『フリーエリア』を追加することが出来ました♪

次回はココに画像をいれてみましょ~
2007.03.22 文章編(回り込み) 
なんだかエライ放置してましたf(^^;
もう今更?かもしれませんが・・・

1.文章を真ん中に寄せていたり・・・
2.字を大きくしていたり・・・
3.画像の横に字を回りこませていたり・・・

の3文字を回り込ませる方法を説明したいと思います♪

ではでは続きをどうぞ~
*続きを読む*
通常画像をアップしたときって、横に文字が来ませんよね!

↓こんな感じで・・・
20070314150555.jpg

文字が写真の下に来てますよね


大きい画像の場合は良いですが・・・

2007322-01.jpg

↑の写真のように小さい画像で、文字が下にくると右側がチョット寂しいですよね~

そんなときは、画像の右側に文字を回り込ませるようにすれば良いんです!

どうやるかというと・・・

画像をアップロードして、記事を書けば↓のようなタグが現れます。

<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" で、画像を右側に
○○○に書き込みたい文字を!

この赤字を入れるだけで、↓こんな感じになります。

2007322-01.jpgねっ♪右側に文字が回りこまれてるでしょ~
もしも文字が上に行き過ぎるのがイヤなら・・・




改行してやれば良いんですよ♪


とこんな感じですf(^^;

サムネイル画像を小さく設定している人とかは、この回り込みを使えば画像横が寂しくなくなるのではないでしょうか?



物凄くブログを放置しといて、コレか?って感じですがf(^^;
これで終わりです♪

次のネタ・・・
考えてませ~ん( ̄▽ ̄;)

また放置するかもですね(≧m≦)ぷぷ

2007.03.08 サムネイル画像の設定 
今日は予定を変更して・・・
昨日いただいた質問をココでお答えしたいと思います♪

Q.横幅600以上の画像をアップしたいが、サムネイル画像で記事を書くと小さくてスペースが空き過ぎて間が抜けた感じがする

ってことでした。

対処法として
1.画像を小さくして(当テンプレだと横幅520以下)アップロードする
2.サムネイル画像サイズの設定を変更する

1は画像加工ソフトによってやり方が違うので、ここでは説明できませんが・・・
2の設定変更はFC2さん全ての共通部分なので続きにてご説明いたします♪
*続きを読む*
20070308-01.jpg
サムネイル画像サイズの設定は、管理画面左メニューの中にある『環境設定の変更』から行います。

枠の『環境設定の変更』ボタンをクリックしてください。



次に↓画像と同じメニューの画面が出ます。
20070308-03.jpg


枠内の『ブログの設定』をクリック!


かなり下のほうに↓と同じ内容が出ますので、確認してください。
20070308-02.jpg

枠内がサムネイル画像サイズの設定になりますので、お好みのサイズに変更し保存ボタンをクリックして完了です。


後は記事に画像を貼り付けるときに、『記事を書く(サムネイルを使用)』ボタンをクリックして記事を仕上げてください。


注意点として・・・
テンプレートを変更した場合、横幅に差がありすぎるとレイアウトが崩れます。
その時は再度サムネイル画像サイズを変更しなければいけません。

ちなみに現在私が登録している二つのテンプレートだと、ギリギリで横幅520まで大丈夫だと思います。
ベストは500かな?

以上でサムネイル画像サイズの設定変更方法は終わりです。
次の記事は『画像の横に字を回り込ませる』です。(予定変更になるかも?笑)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。