水換え魔人之会のロゴの貼り方
以下は、私と同じはてなブログを使うアルレッティさんに水換え魔人之会のロゴの貼り方を説明する記事です。アルレッティさんのブログのコメント欄に投稿したところ、HTMLが全部削除されちゃって、説明ができなかったので、記事でアップします。はてなブログ、水換え魔人之会に関係ない方は意味がない記事なので、悪しからず。
---
まず画像の準備をします。事前にhttp://aqua12sa.blog102.fc2.com/blog-entry-331.html からテキトーな大きさのロゴをダウンロードしておいてください。画像上で右クリックして、「名前をつけて保存」をクリックし、デスクトップなど、ご自分の分かる場所に保存しておかれると良いでしょう。
1.ログインしている状態で、画面の一番上にバーが表示されていますよね?そのバーの一番にある「Hatena」をクリック。
2.左側の「はてなのサービス」と書かれたメニューにある「フォトライフ」をクリック。
3.上のメニューバーから「マイフォト」をクリック。
4.先ほどのメニューバーの下にもう一つ別のメニューバーが表示されるので、その中の
「アップロード」をクリック。
5.「アップロード(複数選択可)」のボタンをクリックして、ご自分のPCからアップロードしたい画像を選び、「開く」ボタンを押して、画像をフォトライフにアップロードします。
6.アップロードされた画像をクリック。画像が画面中央に配置されます。(あるいは、再度、上のメニューからマイフォトをクリックして、その中にある画像をクリックしても構いません)
7.画面右上にある「リンク」をクリックし、「このリンクをHTMLタグで写真をブログに貼ることができます」の下に表示されたHTMLをコピーします。
8.コピーしたHTMLを編集します。コピーしたHTMLは以下の形式になっていると思います。
<a href="http://f.hatena.ne.jp/ブログのID/XXXXX"><img src="http://img.f.hatena.ne.jp/images/fotolife/h/ブログのID /XXXXX.jpg" alt="XXXXX"></a>
一番最初の<a href="http://f.hatena.ne.jp/ブログのID/XXXXX">の部分を、以下に置きかえてください。
<a href="http://aqua12sa.blog102.fc2.com/blog-entry-331.html" target="blank">
これによって、画像をクリックしたときに、おさすいの水換え魔人之会のページに飛ぶようになります。編集後のHTMLは、以下のようになっていると思います。
<a href="http://aqua12sa.blog102.fc2.com/blog-entry-331.html" target="blank"<img src="http://img.f.hatena.ne.jp/images/fotolife/h/ブログのID /XXXXX.jpg" alt="XXXXX"></a>
9.再度、ご自分のブログに戻ってください。
10.上のメニューバーの中にあるご自分のIDをクリック。
11.「デザイン」をクリックすると、画面左に色々出てきます。
12.その中のスパナマーク「カスタマイズ」をクリック。
13.「サイドバー」をクリック。
14.「+モジュールを追加」をクリック。
15.表示された「モジュールを追加」画面の左側のメニューの右にあるスクロールバーを使って、メニューの下を表示させ、「</> HTML」を選択します。
16.タイトルに、例えば「加盟団体(会員XXX)」のようにテキトーな文字を入れます。
17.<p>…</p>は消してしまって、代わりに先ほど編集したフォトライフの写真へのHTMLをコピペで貼り付けます。
18.「適用」ボタンをクリック。
19.デザイン画面の左上にある「変更を保存する」をクリック。これで完了です。
あんだ、コレは!!!???
あんだ、コレは!!!???妙なヤドカリを発見しました。ウソでしょ???こんな白い殻のヤツ、入れてない。。。しかも手足が奇妙なくらい肌色。。。
接近して見てみましょう。
うぉおおおお~~~~~~っ!!!こっ、、、こいつは、はなちゃんの妹が某ペットショップで買ったお魚フィギュアの中の一体ではないかっ!!!
めっちゃビックリした~。何でもしょって歩くウニちゃんが、あたかも背中にたかられてる風な体勢で背負っているではないか~!!!コレがたとえば、お腹を上に向けてくっついてたら生体だとは思わなかったかも知れませんが、この体勢では。。。
自分が入れてもいない生体を見かけて、めちゃめちゃビビったはなちゃんパパなのでした。。。