暮らしと勉強、猫と一緒に~Bettyのブログ

実家の母を介護するために北海道から引っ越してきました。その介護も終わり、片づけと大学通信教育部の勉強と猫と。そんな雑記ブログです。当サイトはアフィリエイト広告を利用しています。

サイドバーに画像を貼り付けたい

にほんブログ村 ライフスタイルブログ 小さな暮らしへ
にほんブログ村

先日グログのカスタマイズについて、記事にしました。

www.betty0918.biz

 

はてなブログでお世話になって、早や4年…

なのに、無勉強な私は、ブログ画面のデザインに関してほぼほぼ放置していました。

今回、「吹き出し」がPCでは繁栄するのにスマホでは繁栄しないというので、ちょこちょこと調べているうちに、ほんの少~しだけHTML編集とやらがうっすらとわかりかけてきました。

 

www.betty0918.biz

www.betty0918.biz

 

💻でブログを見る時に、サイドバーに画像がついているブログ、羨ましいな~と思っていました。

画像のHTMLを貼り付ければ、サイドバーに「ギャラリー」と称した画像をのっけることができることに、今更気がつきました。

「画像をサイドバーに貼る方法」を備忘録のために記させてください。

 

目次

 

画像のHTML

画像のHTMLを簡単に調べるには、はてなフォトライフに画像をアップロードして、「フォルダを編集」からの「ブログに張り付け」からの「HTMLをコピペ」で良いのですが、もっと簡単に。

 

ブログに画像を貼り付けてみて、HTML編集を見れば、簡単にその画像のHTMLがわかります。

それをコピーすれば良いわけです。

 

はてなブログの設定

はてなの管理画面から、「デザイン」を選択します。

f:id:Betty0918:20210728164008j:plain

 

「カスタマイズ」から「サイドバー」を選択します。

f:id:Betty0918:20210802185250p:plain

 

「モジュールを追加」から「HTML」を選択し、「タイトル」を入れて、コピペしたHTMLを貼り付けます。

f:id:Betty0918:20210802185420p:plain

 

完成

サイドバーにギャラリーを貼り付けることができました。

f:id:Betty0918:20210802185636j:plain

■サイドバーに画像貼り付け■
管理画面→デザイン→カスタマイズ→サイドバー→モジュール→HTML

こんなに簡単なのに、どうして今まで画像を貼り付けようとしなかったのでしょうね。

今回ギャラリーに張り付けさせていただいた画像を提供してくださった皆様ありがとうございます。

  

にゃんこぷ (id:kazuhiro0214)さんが作ってくださったフェルト手芸のハナさん。

f:id:Betty0918:20210802165741p:plain

 

そして、たまご (id:nanakama)さんの弟さんが描いてくださったハナさんのイラストをサイドバーに貼り付けさせていただきました。

皆様本当にありがとうございます。

f:id:Betty0918:20210802165817p:plain

 

 

 

 

ブログのカスタマイズ面白いですね。

初歩的な内容ですが、自分の備忘録がわりにブログ記事にさせていただきました。

最後までお読みくださりありがとうございました。

 

にほんブログ村 ライフスタイルブログ 小さな暮らしへ
にほんブログ村