サイドバーに写真を載せる方法を教えてください。
サイドバーに写真を載せる方法が分からないので教えてください。サイズなどの決まりがあればそれも教えてください。
回答(1)
1.

そのときの質問はこちらです。
「サイドバーに画像を入れたいのですができるでしょうか。」
その時に私がお答えしたのは、下記のとおりです。
私以外の方の回答も、上記のurlから参考にしてみてくださいね。
通常に本文に画像を貼り付ける要領で、ブログを編集します。
そのブログは「公開」しないで、「下書き保存」だけを行い、新管理画面の「プレビュー」を行って、画像の貼りつき状態を確認します。
サイズが気に入らない場合には、新管理画面で左に表示されている「画像をアップロード」の画像リストから、該当する画像をクリックし、開いたポップアップからサムネイルのサイズを変更してから、本文に貼り付け直すと、サイズを修正することができます。
編集画面の左に画像一覧が表示されていない場合には、左にある横三角ボタンをクリックすると、画像一覧が表示されます。
最後に、新管理画面の「ブログ設定」-「ブログパーツの設定」画面の一番下の「追加する」をクリックし、「フリーエリア」を追加します。
そのフリーエリアに、先ほど編集したブログのhtmlを貼り付ければ完了です。
ドラッグアンドドロップで、サイドバー内の表示順序を調節します。
無事解決いたしました!
ありがとうございました!
コメント(6)
papavolvolさん
ありがとうございます。
さっそくやってみたのですが、写真をいれたら他のプラグインがずれてしまいました。
http://blog.livedoor.jp/yuna_mama/
こちらのブログなのですが、写真のサイズが439 x 734 、284 x 470 、180 x 211 、281 x 290 です。
サイズを変更すればきれいに収まるのでしょうか?
サイドバーの横幅を超えると崩れてしまうので、画像の横幅は width="170" くらいが限界ですね。
<img src="画像のURL" width="170" >のように指定すると大きさを調整できます。
<img src="http://image.blog.livedoor.jp/yuna_mama/imgs/0/c/0c2a334f.jpg" width="170" >狩野さんカワユス
画像クリックでリンク先に行かせたい場合
<a href="http://blog.livedoor.jp/yuna_mama/" target="_blank"><img src="http://image.blog.livedoor.jp/yuna_mama/imgs/0/d/0d13a59a.jpg" width="170" border="0" alt="佐野優子選手応援blog" ></a>とか・・・画像自体を小さくしてからアップロードして貼りつけた方がキレイです。
私も、写真の横幅をうまく小さくしないと、他のプラグインが本文の下に表示されたり、レイアウトがばらばらになって困ることがあります。十分小さい写真から試して、徐々に大きくしてゆくことをお勧めします。
うさこさん、 papavolvolさんありがとうございます。
大きさを横幅170にしたらちょうどいい大きさの画像を貼ることはできたのですが、すぐ下のプラグインがどうしてもずれてしまいます。
ちょっとずつ大きさを変えてやってるんですが、どうしても上手くいきません。
解決方法はありますでしょうか?
現在このような状態です。
http://blog.livedoor.jp/yuna_mama/
タグの中にある hspace=5 と align=left を消してみてください。
うさこさん
出来ました!
本当にご丁寧にありがとうございました!!




