こんにちは＾＾

今日は、ブログで表示させたい画像の幅を調整・変更したい場合の簡単な方法を紹介しますね。

他の方のブログを見ていて、よく見かけるのが、サイドバーに貼ってあるバナー画像の幅がバラバラなブログ。。

見た目も悪いし、なんだか素人っぽいですよね？

このブログの右側には、無料系のバナーをぺたぺた貼ってあるのですが、すべて150pxの幅で統一してあります。

スクロールしていただくとわかりますが、上から下までズラッと同じ幅になってると思います。

これは、すごく簡単な方法を使っているので、興味のある方は真似してみてください＾＾

例えば、この画像　↓

上の画像は、背景も含めて380pxで表示させてます。

これを200pxで表示させると。。

50pxだと。。

見える？（笑

これは、イメージタグ内に幅の指定タグをいれ、数値を変更するだけで可能にしています。

イメージタグというのは、こういうやつです。

上記のタグの中の、width="画像幅(px)"の数字を変更するだけです。（px　は不要です）

これを応用すれば、たとえばインフォトップのバナーなども幅を調整することができます。

カラム幅の狭いブログだと、はみ出してしまうようなバナーでも。。

このように、ブログのカラム幅に、幅も高さも調整されて表示されます。

ちなみに上のバナーのタグはこうなります。

よかったら、参考にされてください＾＾

画像の表示幅を調整する方法