いらっしゃいませ(*^^)v
当ブログにお越しいただき、ありがとうございます。ただいまお休み中です。
コロナウイルス感染に注意しましょう！
画像（イラスト、写真）にリンクを張ります。
イラストをクリックすると「ｎｏｎｔａの...」が開きます。
イラストをクリックすると「まゆげったのページ」が開きます。
〓雛形〓
<a href="リンク先のURL"target="_blank"><img src="画像のURL" ></a>
の入力方法は
<a href="http://pub.ne.jp/nonta105/"target="_blank"><img src="https://blogimg.goo.ne.jp/user_image/2d/e1/7091a7c7d2a252c965652ac26bdecbb2.gif" ></a>
の入力方法（画像サイズ変更）は、
<a href="http://www.city.yuki.lg.jp/17/16155.html"target="_blank"><img src="https://blogimg.goo.ne.jp/user_image/0b/19/9bcd0b34b33682acd32c4f2fb8fb2068.jpg" width="50" height="50 /" ></a>
画像の外枠の太さを変更したい場合はこちらで。
〓雛形〓
<a href="リンク先のURL"target="_blank"><img src="画像のURL" border=0></a>
< border=0>の部分で変更できます。
0は外枠無しで、1～数字が大きくなると枠が太くなります。
イラストをクリックすると「ｎｏｎｔａの...」が開きます。 イラストをクリックすると「まゆげったのページ」が開きます。〓雛形〓
<a href="リンク先のURL"target="_blank"><img src="画像のURL" ></a>
の入力方法は<a href="http://pub.ne.jp/nonta105/"target="_blank"><img src="https://blogimg.goo.ne.jp/user_image/2d/e1/7091a7c7d2a252c965652ac26bdecbb2.gif" ></a>
の入力方法（画像サイズ変更）は、 <a href="http://www.city.yuki.lg.jp/17/16155.html"target="_blank"><img src="https://blogimg.goo.ne.jp/user_image/0b/19/9bcd0b34b33682acd32c4f2fb8fb2068.jpg" width="50" height="50 /" ></a>
画像の外枠の太さを変更したい場合はこちらで。
〓雛形〓
<a href="リンク先のURL"target="_blank"><img src="画像のURL" border=0></a>
< border=0>の部分で変更できます。
0は外枠無しで、1～数字が大きくなると枠が太くなります。
文字の背景をイラストにすることもできます。
背景だけの場合はこのようになります。
〓雛形〓
背景だけの場合 <span style="background-image:url(
);">
</span>
１行全部の場合 <div style="background-image:url();"></div>
上記の雛形をコピーして貼り付けて、の部分にはイラストのurlを、の部分には文字を入力してください。
のurlは、イラストの上で右クリックしてプロパティ（R）をクリックすると確認できる
https://blogimg.goo.ne.jp/user_image/20/e9/c264da1dbda87dc2638c933951dad683.png のことです。
背景だけの場合はこのようになります。
１行全部の場合はこのようになります。
〓雛形〓
背景だけの場合 <span style="background-image:url(
);"></span>１行全部の場合 <div style="background-image:url(
);"></div>上記の雛形をコピーして貼り付けて、
の部分にはイラストのurlを、の部分には文字を入力してください。のurlは、イラストの上で右クリックしてプロパティ（R）をクリックすると確認できるhttps://blogimg.goo.ne.jp/user_image/20/e9/c264da1dbda87dc2638c933951dad683.png のことです。
このイラストは http://pub.ne.jp/nonta105/image/user/1342353955.jpg
このイラストは http://pub.ne.jp/nonta105/image/user/1342391163.gif
文字色を変えると目立ちますね。
本日は晴天なり
こういう方法もあります。
本日は晴天なり
〓雛形〓 <span style="background-color:#FF0000">
</span>
上記の雛形をコピーして貼り付けて、の部分に文字を入力してください。
#FF0000（赤のカラーコード）の部分を他のカラーコードに変更することもできます。
?カラーコードについてはこちらをご覧ください。
本日は晴天なりの文字色を白に設定すると本日は晴天なりとなります。
こんなこともできま～す。
赤 橙 黄 緑 青 藍 紫 赤 橙 黄 緑 青 藍 紫
本日は晴天なり
こういう方法もあります。
本日は晴天なり
〓雛形〓 <span style="background-color:#FF0000">
</span>上記の雛形をコピーして貼り付けて、
の部分に文字を入力してください。#FF0000（赤のカラーコード）の部分を他のカラーコードに変更することもできます。
?カラーコードについてはこちらをご覧ください。
本日は晴天なりの文字色を白に設定すると本日は晴天なりとなります。
こんなこともできま～す。
赤 橙 黄 緑 青 藍 紫 赤 橙 黄 緑 青 藍 紫
ショートカットアイコンをオリジナルに変更する方法です。
㊟ただし、全てのアイコンが変更できるわけではありません。
など、変更できない（エラーになる）ものもあります。
＜設定方法＞
19. アイコンのところで右クリックしてメニューの「プロパティ」をクリックします。
20. 「Webドキュメント」をクリックして「アイコンの変更」をクリックします。
21. 参照をクリックします。
（参照をクリックせずに、表示されているアイコンを選択することもできます。）
22. アイコンを登録したファイルを開き、アイコンをクリックします。
23. アイコンが選択されたことを確認して「OK」をクリックします。
24. アイコンを確認して「OK」をクリックして終了です。
㊟アイコンが黒く
なってしまったら、イラストを枠で囲って
再度チャレンジしてみてください。
㊟ただし、全てのアイコンが変更できるわけではありません。
など、変更できない（エラーになる）ものもあります。＜設定方法＞
19. アイコンのところで右クリックしてメニューの「プロパティ」をクリックします。
20. 「Webドキュメント」をクリックして「アイコンの変更」をクリックします。
21. 参照をクリックします。
（参照をクリックせずに、表示されているアイコンを選択することもできます。）
22. アイコンを登録したファイルを開き、アイコンをクリックします。
23. アイコンが選択されたことを確認して「OK」をクリックします。
24. アイコンを確認して「OK」をクリックして終了です。
㊟アイコンが黒く
なってしまったら、イラストを枠で囲って再度チャレンジしてみてください。
ショートカットアイコンをオリジナルに変更する方法です。
動くイラストで使用したnonta顔は、ショートカットを示す矢印で鬼太郎みたいになりますが...。
ゲゲゲ
ま、ご愛敬ということで。
＜作成方法＞
8. ペイントで使用したいイラストや写真を開きます。
（アイコンで使用する時に適した大きさに自動変換されます。）
（縦長や横長よりも正方形に近い方が上手く出来上がります。）
9. そのまま「ファイル」から「名前を付けて保存」をクリックします。
10. ファイルの種類の右▼をクリックして「256色ビットマップ」をクリックします。
11. 「保存」をクリックします。
12. 「はい」をクリックします。（メッセージが出ない場合もあります。）
13. 拡張子が「 bmp 」になりました。
14. 右クリックしてメニューの「名前の変更」をクリックします。
15. 名前が編集できるようになりました。
16. 「 bmp 」を削除します。
17. 「 ico 」と入力してEnter。
18. 「はい」をクリックします。
19. アイコンが出来上がりました。
㊟14.～18.の方法で、拡張子「 jpg 」や「 gif 」を「 bmp 」にしたり、
「 jpg 」や「 gif 」を「 ico 」 にしてはいけません。
動くイラストで使用したnonta顔は、ショートカットを示す矢印で鬼太郎みたいになりますが...。
ゲゲゲ ま、ご愛敬ということで。＜作成方法＞
8. ペイントで使用したいイラストや写真を開きます。
（アイコンで使用する時に適した大きさに自動変換されます。）
（縦長や横長よりも正方形に近い方が上手く出来上がります。）
9. そのまま「ファイル」から「名前を付けて保存」をクリックします。
10. ファイルの種類の右▼をクリックして「256色ビットマップ」をクリックします。
11. 「保存」をクリックします。
12. 「はい」をクリックします。（メッセージが出ない場合もあります。）
13. 拡張子が「 bmp 」になりました。
14. 右クリックしてメニューの「名前の変更」をクリックします。
15. 名前が編集できるようになりました。
16. 「 bmp 」を削除します。
17. 「 ico 」と入力してEnter。
18. 「はい」をクリックします。
19. アイコンが出来上がりました。
㊟14.～18.の方法で、拡張子「 jpg 」や「 gif 」を「 bmp 」にしたり、
「 jpg 」や「 gif 」を「 ico 」 にしてはいけません。
ショートカットアイコンをオリジナルに変更する方法です。
ぷららさん ｎｏｎｔａ（イラスト） じゃがりこ（写真）
が 
や 
に変身しちゃうのです。
＜事前の準備＞
1. ショートカットを作成します。（作成済なら3.へ）
ブログやホームページ画面で右クリックしてメニューの「ショートカットの作成」をクリックします。
2. 「はい」をクリックします。
3. 拡張子（ファイルの種類）が表示されているかどうかを確認します。（表示済なら7.へ）
表示されていない
表示されている
4. 拡張子を表示する方法。
「整理」をクリックして「フォルダと検索のオプション」をクリックします。
5. 「表示」をクリックして画面を下にずらしていくと「登録されている拡張子は表示しない」が出てきます。
6. ?をクリックして?になったら「OK」をクリックします。
7. 使用したいイラストや写真の拡張子が「 bmp 」の場合は13.へ。
「 jpg 」や「 gif 」の場合は8.へ。
ぷららさん ｎｏｎｔａ（イラスト） じゃがりこ（写真）
が や に変身しちゃうのです。＜事前の準備＞
1. ショートカットを作成します。（作成済なら3.へ）
ブログやホームページ画面で右クリックしてメニューの「ショートカットの作成」をクリックします。
2. 「はい」をクリックします。
3. 拡張子（ファイルの種類）が表示されているかどうかを確認します。（表示済なら7.へ）
表示されていない
表示されている 4. 拡張子を表示する方法。
「整理」をクリックして「フォルダと検索のオプション」をクリックします。
5. 「表示」をクリックして画面を下にずらしていくと「登録されている拡張子は表示しない」が出てきます。
6. ?をクリックして?になったら「OK」をクリックします。
7. 使用したいイラストや写真の拡張子が「 bmp 」の場合は13.へ。
「 jpg 」や「 gif 」の場合は8.へ。
一番下で左右に動いている言葉をご覧ください。
♡ 一歩一歩の歩みは小さくとも その積み重ねのなかにこそ 大いなる前進がある ♡
まさに真実ですよね。
入力の雛形は
<marquee behavior="alternate" direction="left" scrollamount='3' bgcolor="" style="height:50px;">#FF0000;">
♡ 一歩一歩の歩みは小さくとも その積み重ねのなかにこそ 大いなる前進がある ♡
</marquee>
です。
コピー＆貼り付けで簡単に設定できます。
♡ 一歩一歩の歩みは.....大いなる前進がある ♡ の部分はお好きな言葉をどうぞ。
#FF0000の部分でお好きな色をどうぞ。
ちなみに、このテンプレートでは一番下に入力してあります。
♡ 一歩一歩の歩みは小さくとも その積み重ねのなかにこそ 大いなる前進がある ♡
まさに真実ですよね。
入力の雛形は
<marquee behavior="alternate" direction="left" scrollamount='3' bgcolor="" style="height:50px;">#FF0000;">
♡ 一歩一歩の歩みは小さくとも その積み重ねのなかにこそ 大いなる前進がある ♡
</marquee>
です。
コピー＆貼り付けで簡単に設定できます。
♡ 一歩一歩の歩みは.....大いなる前進がある ♡ の部分はお好きな言葉をどうぞ。
#FF0000の部分でお好きな色をどうぞ。
ちなみに、このテンプレートでは一番下に入力してあります。
＋ 
＝ 
２枚のイラストを組み合わせた動くイラストです。
無料のアニメーション作成ソフト「Giam」を使います。
＜イラスト設定方法＞
12. ㊤の11.で作成された「Giam」のショートカットアイコンをクリックすると新規作成の画面になります。
「繰り返しセット」と「永久に繰り返す」に☑を入れてください。
13. 「ファイルからコマの付足し」をクリックします。
14. イラストを保存したファイルの場所からイラストを１つ選びます。
15. １コマ目が設定されましたので、また「ファイルからコマの付足し」をクリックします。
（右下の「ウエイト有り」については20.で説明します。）
16. 今度はウインクしているイラストを選びます。
17. ２コマ目が設定されました。
18. 右の▶をクリックするとView画面で仕上がり具合を確認できます。
19. この状態では２枚の切り替わりが早過ぎてチカチカしています。
20. （下の）１コマをクリックしてウエイトを５００にします。これで５秒表示されます。
21. ２コマのウエイトは３０にします。これで０.３秒表示されます。
22. Ｖiew画面で仕上がり具合を確認して
なら保存します。
23. 新しい名前をつけて保存します。
24. 「OK」をクリックします。
こちらは、無地、n、no、non、nont、nonta、の６枚を使っています。
無地（ウエイト50）～n（50）～no（50）～non（50）～nont（50）～nonta（50）
～無地（50）～nonta（50）～無地（50）～nonta（500）の１０コマです。
＋ 
＝ 
２枚のイラストを組み合わせた動くイラストです。
無料のアニメーション作成ソフト「Giam」を使います。
＜ダウンロード方法＞
1. 「 Giam 」のページを開きます。
2. インストーラ版ダウンロードをクリックします。
3. 「実行」をクリックします。
4. 「実行する」をクリックします。
5. ユーザーアカウント制御の画面が出ますので「許可」をクリックします。
6. 「次へ」をクリックします。
7. 「次へ」をクリックします。
8. 「はい」をクリックします。
9. 「次へ」をクリックします。
10. 「完了」をクリックします。
11. デスクトップ画面にショートカットのアイコンが作成されます。
←見易いように背景を黒にしました。㊦へ続きます。