How to resize image in Home Page at Magazine Template R.1.2

Tuesday, April 21, 2009

Tools Kang Rohman has received complaints several times about Magazine Template R.1.2, it is about the image in home page that’s displayed with small size.

How can we resize the image in home page of magazine Template magazine R.1.2 ?

If you feel uncomfortable with the image size in home page at magazine Template R.1.2, you can resize it as follow:

  • Login to blogger with your ID
  • Click Layout
  • Click Edit HTML
  • Find this code :

     

    .post-body img{
    max-width:70px;
    padding:1px;
    float:left;
    margin:0 5px 1px 0;
    border: 1px solid #cadaef;
    }


     




  • Focus to the code:

     


    max-width:70px;

     




  • Change the pixel with the higher one, suggested to change not more than 300px, e.g.:

     


    max-width:300px;

     




  • The code will be as below:

     



    .post-body img{
    max-width:300px;
    padding:1px;
    float:left;
    margin:0 5px 1px 0;
    border: 1px solid #cadaef;
    }


     




  • Click Save template


  • Done



Additional Note:



Max-width means the width of image displayed. It is easy, right?



Happy trying!


Labels:

0 comments: