読者です 読者をやめる 読者になる 読者になる

水換え魔人之会のロゴの貼り方

以下は、私と同じはてなブログを使うアルレッティさんに水換え魔人之会のロゴの貼り方を説明する記事です。アルレッティさんのブログのコメント欄に投稿したところ、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.デザイン画面の左上にある「変更を保存する」をクリック。これで完了です。