Blogger Homepage画像のサイズ変更

Question

私はアマチュアブロガーであり、私のホームページの画像を統一された（そして投稿体よりも小さい）サイズにしようとしています。これを行う方法はありますか？

Answer 1

置き、このコード - ジャスト]]></b:skin>タグ上記

.post-body img { 
    max-width:100%; 
    height:auto; 
} 

。

注：.post-body imgがすでにBloggerスキンタグに存在する場合は、単にそれを上記のコードに置き換えてください。

Answer 2

実際には、使用しているブロガーテンプレートやホームページデザインの外観によっては可能です。ブロガーテンプレートのカテゴリに応じて、私のブロガーテンプレートに異なるデザインを採用していました。https://weblyb.com/blogger ..あなたを助けるためにもっと情報が必要です...

Answer 3

あなたのテンプレートはあなたのイメージをホームページ上でどのようにサイズアップするかによって異なります。しかし最速溶液（最も基本的な）を使用すると、このアプローチには

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
.post-body img { 
    width: [PLACE YOUR DESIRED WIDTH]; 
    height: [PLACE YOUR DESIRED HEIGHT]; 
} 
</b:if> 

問題けれども「ページがホームページであれば、」それらのサイズを変更するためにCSSを使用することで、あなたのイメージが引き伸ばされたり縮小されるかもしれないということです。それが問題ないのであれば、これはうまくいくはずです。そうでなければ、独自のテンプレートを編集し、ホームページに別のコード/レイアウトを設定する方法を学ぶ必要があります。

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
.post-body img { 
    width: [input you preferred width]; 
    height: [input your preferred height ]; 
} 
</b:if> 

が続いてテーマを保存をクリックすれば完了されています

Answer 4

は、あなたのブロガーのダッシュボードにテーマに移動して、編集、HTMLをクリックして、以下のコードのこのセットを見つけることを行うことができます。