*)はてなブログのサイドバーでおすすめ記事を紹介してみたいと思います。「よく読まれている記事」をサイドバーに設定している人は多いと思います。読まれている記事は、みんなが読みたい記事ですよね。↑上の画像のようにサイドバーに設定したいと思います。おすすめ記事の画像を作るサイドバーに載せる画像を準備します。わたしは、画像加工にこちらのフリーサイトをよく使っています。画像加工編集サイト・フリーソフト:無料写真加工ならバナー工房シンプルでわかりやすくて初心者におすすめです。1画像サイズを変更するわたしの場合です。記事の中で使っているアイキャッチ画像と同じものを、横幅が280pxになるようにサイズを縮小します。横長バナー風にするのも可愛いですよね。そちらの方がスペースもすっきりします。わたしは大きめの画像でアピールしていきたいので、このサイズで。なんといっても「おすすめしたい記事」ですから。2画像にタイトル文字を入れる画像に重ねるようにタイトル文字を入れます。ここでは、タイトルをはっきり見せることがポイントです。なんといっても、「ぜひ読んで欲しい記事」ですから、タイトルは命です!!画像をアップロードします通常記事を書く時と同じように「写真を投稿」でも写真をアップロードすることができます。「はてなフォトライフ」からアップロードも可能です。はてなフォトライフに画像をアップロードする方法はこちらです。1はてなフォトライフを開くはてなフォトライフのアドレスは以下↓のようになっています。http://f.hatena.ne.jp/はてなID/「はてなID」に自分のIDを入れてみてください。2はてなフォトライフのページから右上の「アップロード」をクリックします。3画像をアップロードする「ファイルを選択する」をクリックして、画像を選びます。「タイトル」は空欄でも構いません。タイトルなど入れておくとSEOに効果があるようです。←あくまでもうわさ一番下にある「アップロード」をクリックしてください。アップロードが完了します。4アップロードした画像をクリックして、編集ページを開きます。この編集ページでは、画像を回転させたり、画像の削除もできます。5画像の上で右クリックをして、「画像アドレスをコピー」します。サイドバーにモジュールを設定するサイドバーにモジュールを追加して「おすすめの記事」を紹介していきます。1ダッシュボードより「デザイン」→「カスタマイズ」→「サイドバー」をクリックする。わたしのサイドバーはこんな感じになっています。長いですよね(;^_^A2一番下にある「モジュールを追加」をクリックします。3モジュールの中から「</>HTML」を選択します。4タイトルに好きな言葉を入力してください。「おすすめの記事」とか「これ絶対読んで」とか。5空欄に、上記のようなHTMLを書き込みます。src="画像アドレス"></a>って感じです。画像アドレスに先ほどコピーした画像のアドレスを貼り付けすればOK。6「適応」をクリックして完了となりますまとめサイトを開いて、ページにリンクされているか必ず確認してみてください。わたしはHTMLを手打ちしているので、時々間違えてリンクされていないことがあります(;^_^A失敗は成功のもとです!間違っても直せばいいから大丈夫(≧▽≦)画像を作ったり、アップロードしたりするのはちょっと面倒ですが、愛情をこめた記事なのでみなさんに読んでもらえたら、なんの手間もありません。↓バレンタインの記事、気に入ってるのでよかったら読んでください。はてなブログで人気のふ...2019-01-13はてなブログでアップロードした画像サイズを簡単に縮小して軽量化する方法おすっ!つな(@tu_na_69)です(。(id:pea-nut)古着と旅と邦ロック、おいしいものが好き。趣味はブログデザイン。毎日楽しいことを見つけたい。注目記事おすすめブログ・サイト作りの基本となるデザインやHTMLやCSSが学べます。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。