+ 天使のたまご +

毎日を楽しく元気に


テーマ:
我が家のPCに、「ペイント」以外のお絵かきツールが標準装備されていたことに昨日気づきました。
買って2年もたつのに、気づくの遅すぎ _| ̄|○


それはさておき、

1月の初旬に記事にした「カウンターの設置方法」なんですが、
いまだに、この記事を参考にしてくださる方がたくさんいらっしゃって、私としても、とてもうれしいです!

ところで、一体どうやってこの記事にたどりついたのでしょうか?
アメブロの方だったら、きっとたまたま私のブログに足を踏み入れて
プロフ欄にある「カウンター設置の仕方」をクリックしてくれたのか、
アメブロ内の検索で探し当てて来てくれたのか、
参考にしてくださった方が記事で紹介してくれたりもするので、そこから飛んできたのかな、と思っていたんですが

アメブロ以外のブロガーさんも、結構いらっしゃる・・・なんで?

(゚Д゚≡ハッ!もしや!?

そこで、私がいつも使っているニフティーアットサーチで「カウンター設置」のキーワードで検索してみたら

おおっ!7番目にHITしてる!!

ついでにGoogleでも検索してみたら

おおっ!時間によってちがうけど10~15番目にHITしてる!!

すごいっ!(≧▽≦)



TB★大歓迎同盟の会長でもある熱意上げ郎さんのブログ
「★★ネット成功の秘訣!極秘お勉強会★★」の中で
検索エンジンで自分のブログをHITしやすくするには」みたいな記事を読ませてもらったことはあって
「ふ~ん、なるほど~!」
と思いながら、結局何も細工してなかったんですけど、どうして検索でこんな上のほうに載せてもらえてるんだろう?(;゚∀゚)=3ハァハァ
熱意上げ郎さん、教えて~!


先日、真剣に(?)昆虫のことをネットで調べていたときも「さなぎ」とか「虫」とかキーワードを入れるたびに、3月1日の私の記事「アゲハのさなぎ」と「カマキリのたまご」がさんざん引っかかって、正直うっとおしかったです^^;

きっと同じように、真剣に何かの調べ物をしていて、うっかりここに迷いこんでしまう方も少なからずいらっしゃるんでしょうね。
この場を借りて、失礼しましたm(_ _)m


検索してみて、ちょとおもしろかったので、いろんなキーワードで検索してみました。

「天使のたまご」とか「angel-egg」とか。
これ、ものすごい件数出てきました。
同じ名前のHPがいくつも存在することを知り、いつか誰かに「真似するな~!」と叱られるんじゃ・・・と少々不安です^^;
(村山由佳さんに叱られるならうれしいかも)


次に入力したキーワードは

モネ」(笑)

すごいですね~。
モネっちの「---笑いの絶えない育児をしよう---」、画家のモネと並んで、上位にたくさん出てきます~!

このキーワードを

モネ アホ

にすると、モネっち関連だらけになります(≧▽≦)
(モネちゃん、ごめんね)


ほかにも、いつもお世話になっているみなさんのHNとか、ブログタイトルとか、検索して遊ばせてもらいました~♪

ナポンさんすごいですよ!
一番上にのってましたよ!(笑)

たかが検索・されど検索
なぜかとても楽しかったです♪




子育て日記ランキングへ →

いいね!した人  |  コメント(28)  |  リブログ(0)

テーマ:

IMGタグの説明をしたいと思います。

2005年4月のリニューアルに伴い、アメブロでは、記事の好きな箇所に10個まで画像が使えるようになりましたが、プロフ欄に貼り付けたい場合などは、このIMGタグが必要となります。


説明にあたり、はなえ姉さんに協力を求めました(笑)

はなえがうさ耳をかぶっている画像

このように貼り付けたい場合は、
まず、いつものように「画像フォルダ」にのせたい画像をアップロードします。
下に画像がアップロードされたら、その画像にカーソルをあわせて
右クリック → プロパティ で、URLをコピーします。

そして、貼り付けたいところで

<img src="画像のURL"alt="画像の説明文"> (<>は半角で!)

ちなみに、記事を書いている途中で「画像フォルダ」をクリックすると書いている途中の記事が消えてしまいますので、下書き保存しておくか、「記事を書く」ページの「本文」の下にある「画像の追加/削除」から「画像フォルダ」に入るようにしてください。


alt="画像の説明文" は、何らかの理由で画像が表示されない場合の代替文として表示されるようになります。
はなえがうさ耳をかぶっている画像
← こんなかんじ

尚、IMGタグを使用する際には、この「alt」を入れるのがマナーのようです。
もし、無意味な画像や説明不要な場合でも「alt=""」と説明文なしのままで入力してください!



ちなみに、いちばん上の画像にマウスポインタをあわせてみてください。
「はなえで~す♪」ってでましたか?
これは、IMGタグの中に title="表示したい文字" を入力しています。

具体的には ↓こんなかんじ

<img src="画像のURL" alt="はなえがうさ耳をかぶっている画像" title="はなえで~す♪"> 

※「alt="説明文"」でも、マウスポインタをあわせれば表示されますが、ブラウザによっては表示されないものもあるようです。
ポップアップを主な目的とする場合は 「titlle="説明文"」を使用してください。
(title も、古いブラウザだと表示できない場合があります)

※「alt」と「title」両方を入力した場合、ポップアップは「title」が優先されます


※アメブロの場合、画像フォルダで使用した画像の名前がそのままalt="○○"と自動表示されるようになっています。

万が一、クイズ形式で「さて、これが何の画像だかわかりますか?」とやっているのに、画像の名前がしっかり答えだったりするとシラけてしまうので要注意です(笑)

※「alt」と「title」の違いについて詳しく知りたい方は、熱意上げ郎さんのブログ alt属性と title属性の違い という記事をご覧ください。詳しく、わかりやすく説明してありますよ♪


画像の位置を指定しない場合は、通常左端に貼り付けられます。

もしこれを真ん中にしたい場合は
IMGタグを<center></center>で囲います。

<center><img src="画像URL" alt="説明文"></center>

するとこんなかんじになります。


うさ耳はなえ


うさ耳はなえ
右寄せしたい場合は、IMGタグの中に align="right" と入力します。


<img src="画像のURL" alt="説明文" align="right">

するとこんなかんじ→ になります。


画像を並べることも可能です。

うさ耳はなえ うさ耳はなえ

これは、<img src="左側の画像のURL" alt="説明文"><img src="右側の画像のURL" alt="説明文">

というふうに、改行せずにIMGタグをふたつ並べればOKです♪

画像の幅が記事の幅におさまる範囲であれば、3枚でも4枚でも並べて貼り付けることが可能です。



画像が大きいかなと思う場合、IMGタグで小さくすることも可能です

うさ耳はなえ
これはIMGタグの中に width="10%" と入れてあります。
高さは自動で変わります。

この幅が10%という指定は、もとの画像の10%の幅という意味ではなく
この記事の幅全体の10%という意味です。
なので、「大きさを半分にしたいから50%♪」なぁんて、うっかり50%と指定したりしたら、この記事半分の幅を占める巨大画像になってしまうので、要注意です!!


もうひとつ、タグで画像を小さくしても、「画像フォルダ」にアップロードされている画像の容量は大きいままです。
「画像フォルダ」の容量を抑えたいときは、あらかじめ画像を小さくしておきましょう。


ピクセル数を指定して大きさを調整することも可能です。
はなえがうさ耳をかぶっている画像
タグはこんなかんじです↓

<img src="画像のURL" alt="説明文" width="50"height="80"align="left" >

ピクセル数を指定する場合は、必ず幅(width)高さ(height)両方を指定してください。

画像の大きさをかえない場合でも、タグで幅と高さをきちんと指定しておくと、表示速度が速くなるらしいです。


通常、位置を指定せずにIMGタグで画像を貼り付けると、画像の右横には文字を入力できません。
それを↑上の画像のように、横に文字を入力したい場合は
IMGタグの中に align="left" と入力しておくと
タグのあとの文章を改行しても横に表示されるようになります。

うさ耳はなえ
<img src="画像のURL" alt="説明文" align="left">
ここからあとの文章が、画像の横へ


文字の回りこみを解除したいときは

<br clear="all">
と入力すると、その後の文章は画像の下にくるようになります。


※アメブロの記事の場合、IMGタグをいじるときは、「HTMLタグを表示」の画面のほうでいじってください!

※<>は全て半角で入力してください!


※IMGタグの中に、不要な半角スペースなどがあると、タグがそのまま表示されてしまうことがあります。

画像がうまく表示されないときは、余分なスペースがないか、よく確認してみてください。


わかっていただけたでしょうか?
わからなかったら、コメント欄で質問してください♪

 


参考になったよ!という方↓応援クリックおねがいしま~す♪
人気blogランキングへ →

いいね!した人  |  コメント(17)  |  リブログ(0)

テーマ:

蝶々さん の「ランキングの画像の貼り付け方がわかりません」という質問にお答えするため、記事にしてみました♪


人気blogランキングに自分のブログを登録しておくと、アメブロ以外でブログを書いている人の目にとまる機会が増えて、より多くの人に自分のブログを見てもらえることにつながります♪
(ブログランキングサイトは、ほかにもいくつかありますよ)

人気blogランキングの登録は→ここをクリック!
新規登録画面の指示にしたがって情報を入力してください。
登録完了後、メールが送られてきます。
そのメールに設定に関する説明がのったアドレスが書いてあるので、
そこへアクセスして設定してください。
(下のほうでリンク設定の説明をしていますが、わからにことがあれば、コメント欄で質問してくださいね)


人気blogランキングは、その名のとおりランキング形式になっていて、ランキング上位のブログは大きく紹介してもらえるので、ますます読者が増えていく計算になります。

ランキングを上げるためには、人気blogランキングへのリンクバナーをクリックしてもらわなければならないんですが、

人気blogランキングへ

↑ただこんなふうに文字で書いているより
画像を貼り付けたほうが、クリックしてもらいやすいように思います。
実際、リンクバナーを作って記事のいちばん下に貼り付けるようにしてから、
ランキングがグ~ンと上がりました♪

↓それがこれです。


人気blogランキングへ →

         

「人気blogランキング」に登録したあと送られてくるメールの下のほうに
【リンクの設定方法】に関するURLがのっています。
そこから「リンク方法の確認」のページをひらいて、そこに表示されている
「リンクタグ」をそのままコピーし、プロフィールや記事の下など、好きな場所に貼り付ければいいわけですが

人気blogランキングへ ← こんなかんじ

これを、画像をクリックしてジャンプするようにさせる方法について、これから説明したいと思います。(前置き長すぎ?)

「リンク方法の確認」のページの「リンク用バナーもご利用いただけます」をクリックすると「バナー置き場」のページが表示され、5種類のバナーが選べるようになっています。
バナー置き場はこちら→クリック!

好きなバナーを選んでカーソルを合わせ、右クリックし「名前を付けて画像を保存」を選びます。
(マイドキュメントなど、好きなところに保存してください)

アメブロの自分の編集画面にある「画像フォルダ」をひらいて
先ほど保存したバナーをアップロードさせます。

アップロードさせると、下にバナーの画像が表示されますよね?
その画像にカーソルを合わせて、右クリックし、「プロパティ」を選びます。

そこにのっているアドレスをコピーして
<a href="http://blog.with2.net/link.php/*****" target="_blank"><img src="○○○○"alt="ランキングバナー"border="0"></a>

○○○○のところに貼り付けてください。  ↑***** は、ご自分のIDです。
(<>は半角で!)
(ちなみにご存知かとは思いますが「border=」とは画像の枠線の太さの指定です。0だと枠なしという意味です)

target="_blank" は、「リンク先を別窓で開く」意味です。

←こんなかんじ


ちなみに、私が使用している この犬のバナーは、私が「ペイント」で作ったものです。(モデルはもちろん、はなえ姉さん♪)
「人気blogランキング」のバナーと同様、画像フォルダにアップロードさせて、IMGタグで貼り付けています。

私のこのつたない説明で、どの程度わかっていただけるか、正直不安なんですが、
どうでしょう??わかっていただけましたか???(汗)
(間違っている箇所を見つけた方、ジャンジャン指摘してください)


       ↓しつこくクリックのさいそく♪
人気blogランキングへ →

いいね!した人  |  コメント(53)  |  リブログ(0)

テーマ:

関連記事はこちら→クリック!

(ちなみに、こちらはこのブログのTOPページにリンクしてます)

って、やってみたいけど、どうやるの?
というご質問を、たまに受けます。

私もブログを始めるまでは、全くのタグ初心者だったので、最初は、こういうことみなさん普通にやっていて、かっこいいなぁと思っていました。

誰かの記事を紹介したいとき、出来ればリンクを貼りたいものです。

方法は2つあります。
記事を書く」ページ「本文」欄の右上にある「リンク」を利用する
または
タグを利用する


記事を書く場合は「リンク」ボタンを利用するのが手っ取り早い方法です。

本文記入欄の右上にある「リンク」のボタンをクリックすると、リンクするURLを指定する画面がひらきます。

その「URL」の欄へ、リンクさせたい記事やHPのURLを記入、またはコピー&ペーストして、「リンク」をクリックし、その画面を閉じます。

たとえば、このブログのトップページにリンクさせると、


http://angel-egg.ameblo.jp/

↑こんなかんじ、

このままだと、URLがむきだしになっていて、あまりかっこよくありません^^;

「+天使のたまご+」 とか、

ここをクリックしてね☆ とか


にしたい場合には、さきほどの「リンク」ボタンで開いたページの「テキスト」の欄に指定URLではなく、表示したい文字を入力します。

上の場合だと「テキスト」のところに「+天使のたまご+」と入力しています。

リンク先を別窓で開きたいときは、「リンク先の表示方法」を「新しいウィンドウ」を選択してください。

(*これは、アメーバブログの記事編集画面の場合です!)


次に、タグを使う場合について説明します。

記事を書く場合は、さきほどの「リンク」を利用すればいいわけですが
たとえばプロフ欄にリンクを貼りたい場合など、「リンク」ボタンが利用できない場合にどうぞ。

<a href="リンクを貼りたいURL">表示させたい文字</a>

と記入します。

具体的には

「+天使のたまご+」

HTMLタグは

<a href="http://angel-egg.ameblo.jp/">「+天使のたまご+」</a>

↑こういうふうな表示になっています。


リンク先を別窓でひらきたい場合は、タグの中に

target="_blank"

と入力してください。 

「別窓って?」という方は → クリック!
開いてるページがそのまま切り替わるのではなく、
もうひとつ新たなページが開くので、前のページに戻りやすくなります。

具体的には

<a href="http://angel-egg.ameblo.jp/"target="_blank">「+天使のたまご+」</a>

こんなかんじです。


※ <>は全て半角で入力してください!

※HPによっては「無断リンク禁止!」とか「リンクする際は一言断ってからにしてください」となっている場合もあります。
よく確認してからリンクしましょう。

わからないことがあったら、気軽に質問してください。




参考になったよ!という方↓応援クリックおねがいしま~す♪
子育て日記ランキングへ →

いいね!した人  |  コメント(20)  |  リブログ(0)

テーマ:
記事中の文字の大きさの指定について説明します♪

「記事を書く」欄には
「太字」「斜体」「下線」と「色」の設定はあっても、文字の大きさの設定はないですよね。

このような場合はHTMLタグを使用します。

文字サイズ指定で使用するタグは

<font size="任意の数字(半角入力)">大きさをかえたい文字</font>

と入力します。
※<>は半角で入力してください!


実際に表示してみると

フォントサイズ3

フォントサイズ4

フォントサイズ5

フォントサイズ6

フォントサイズ8に太字とカラーを組み合わせると、
かなりのインパクトになります。

こんなかんじ!

↑このように複数の組み合わせも可能です。
フォント指定のタグで囲った文章を、クリック&ドラッグで範囲指定して
「太字」をクリック!ついでにカラーボタンをクリック!

記事を書くの本文のところには

<font size="8"><赤><太字>こんなかんじ!</太字></赤></font>

と表示されるはずです。(くどいようですが、<>は本来は半角です)

と、エラそうに説明している私ですが、
実はこのブログを始めるまで、HTMLタグの存在など全くしりませんでした!
みなさん、文字の大きさ変えたり、いろんな画像貼り付けたり、
かわいく見栄えよくしているのに、なぜ私のブログはこんなに愛想ナシなの??
ととまどい、いろんな方に助けてもらって、ここまでできるようになりました♪

なお、HTMLタグを勉強する上で、大変参考になったサイトはこちらです↓

http://www.awcs.org/html/

初心者の方、ぜひのぞいてみてください♪

※アメブロでは、使用できるタグが限られています。
詳細については→ここをクリック!




参考になったよ!という方↓応援クリックおねがいしま~す♪
子育て日記ランキングへ →
いいね!した人  |  コメント(5)  |  リブログ(0)

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。