知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

サイドバーに写真を載せる方法を教えてください。

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

2009-08-31 23:03の質問
サイドバー  写真  
写真
写真 の情報はこちらです
autoalbum.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-09-01 14:15:48ベスト
以前、同じような質問があって、お答えしたことがあります。

そのときの質問はこちらです。
「サイドバーに画像を入れたいのですができるでしょうか。」


その時に私がお答えしたのは、下記のとおりです。
私以外の方の回答も、上記のurlから参考にしてみてくださいね。


通常に本文に画像を貼り付ける要領で、ブログを編集します。
そのブログは「公開」しないで、「下書き保存」だけを行い、新管理画面の「プレビュー」を行って、画像の貼りつき状態を確認します。

サイズが気に入らない場合には、新管理画面で左に表示されている「画像をアップロード」の画像リストから、該当する画像をクリックし、開いたポップアップからサムネイルのサイズを変更してから、本文に貼り付け直すと、サイズを修正することができます。
編集画面の左に画像一覧が表示されていない場合には、左にある横三角ボタンをクリックすると、画像一覧が表示されます。

最後に、新管理画面の「ブログ設定」-「ブログパーツの設定」画面の一番下の「追加する」をクリックし、「フリーエリア」を追加します。

そのフリーエリアに、先ほど編集したブログのhtmlを貼り付ければ完了です。

ドラッグアンドドロップで、サイドバー内の表示順序を調節します。

無事解決いたしました!
ありがとうございました!

Ads By Google

コメント(6)

2009-09-02 16:53:26

papavolvolさん
ありがとうございます。
さっそくやってみたのですが、写真をいれたら他のプラグインがずれてしまいました。
http://blog.livedoor.jp/yuna_mama/
こちらのブログなのですが、写真のサイズが439 x 734 、284 x 470 、180 x 211 、281 x 290 です。
サイズを変更すればきれいに収まるのでしょうか?

#2.  うさこ
2009-09-02 20:29:17

サイドバーの横幅を超えると崩れてしまうので、画像の横幅は  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>
とか・・・画像自体を小さくしてからアップロードして貼りつけた方がキレイです。

#3.  papavolvol
2009-09-02 22:05:22

私も、写真の横幅をうまく小さくしないと、他のプラグインが本文の下に表示されたり、レイアウトがばらばらになって困ることがあります。十分小さい写真から試して、徐々に大きくしてゆくことをお勧めします。

2009-09-03 01:35:55

うさこさん、 papavolvolさんありがとうございます。
大きさを横幅170にしたらちょうどいい大きさの画像を貼ることはできたのですが、すぐ下のプラグインがどうしてもずれてしまいます。
ちょっとずつ大きさを変えてやってるんですが、どうしても上手くいきません。
解決方法はありますでしょうか?
現在このような状態です。
http://blog.livedoor.jp/yuna_mama/

#5.  うさこ
2009-09-03 01:52:09

タグの中にある hspace=5 と align=left を消してみてください。  

2009-09-03 02:00:38

うさこさん
出来ました!
本当にご丁寧にありがとうございました!!

トラックバック(2)

トラックバックURL: