無料版はてなブログ サイドバーに好きな画像を貼り付ける方法

フクちゃんにお願いして、ボクとフクちゃんのイラストを描いてもらった! やったー!

 

f:id:kotoba2kai:20170611224034j:plain

 

f:id:kotoba2kai:20170611224419j:plain

 

水彩絵の具で色つけてもらいました。ボクのクセっ毛のふわっとした感じがわかる。すごい。フクちゃんの明るい無邪気な感じが、顔から伝わってくる。なんか服とか、色に濃淡が出ててやさしい感じがする。

 

フク氏のコメント「久しぶりに頑張って描いた。ちゃんとしたの描くのは時間かかるけど、楽しい!」

フクちゃんは「とりた」という名でイラストを描いてるので、気になった方は検索してみて下さい。

 

イラスト屋さんはすごいな。ボクも物書き屋さんとして何か人の役に立ちたい。

 

そこでっ

 

ブログページのサイドバーに画像を貼り付ける方法を書こうと思った。

 

そんなん知ってる? そっか、ごめん。いやボク、このイラストをサイドバーに載せたかったけどなかなかうまくいかなくて。PCでは表示されんのにスマホで見たら表示されてないとかね。

 

そもそも src と記述すべき所を scr と間違って記述して、何も起こらないとかね(笑) これはきっとscreen(スクリーン)の略だ!と早とちりしてね。正しくはsource(ソース)の略らしい。

 

では前置きはこれくらいにして、サクッといきます。

手順は2つ。

①載せたい画像のURLをコピーする

②ブログデザイン編集画面で、サイドバーにHTMLで <img src="画像のURL"> と記述する。赤字の所に、①でコピーしたURLを貼り付ける

  

①載せたい画像のURLをコピーする

 

載せたい画像をPCに用意して、はてなブログの「記事を書く」画面にする

 

「写真を投稿」 ボタンをクリックして、載せたい画像を記事に貼り付ける

 

貼り付けた画像の上にマウスのポインターをもってきて、右クリック

「画像アドレスをコピー」をクリック

 

f:id:kotoba2kai:20170611233359j:plain

 

これでコピー完了。

 

ブログデザイン編集画面で、サイドバーにHTMLで <img src="画像のURL"> と記述する。赤字の所に、①でコピーしたURLを貼り付ける

 

まず、サイドバーの編集ページまでいきます。

ブログページ上のバー、自分のID書いてあるとこクリック

出てきた項目の「デザイン」クリック

f:id:kotoba2kai:20170611231116j:plain

 

 

次にスパナマーク クリック

サイドバー クリック

モジュールを追加 クリック

 

f:id:kotoba2kai:20170611231706j:plain

 

項目を下までスクロールして、「</> HTML」クリック

 

タイトルつけてもつけなくても。

 

その下の欄、ここに <img src="画像のURL"> を記述

 

「適用」をクリック

 

最後に「変更を保存する」ボタンクリック

 

f:id:kotoba2kai:20170611235221j:plain

 

はい、これでサイドバーに画像が載りますよ!やったね!

 

以上です! 自分の備忘録として残しておきます。そして誰かの役に立つといいな。

以下リンクです。

 

ココナラでイラスト得意な人に頼むとかもいいですね。500円とそんな高くないですし