• Mengatur ukuran gambar / image pada postingan

    Kali ini saya akan memberikan bebrapa cara agar gambar yang anda upload di blog tidak melebihi wrapper pada postingan.
    Biasanya ada beberapa template blog yang gambarnya melebihi postingan,

    Seperti gambar di bawah ini :

     
    jadi kali ini saya akan memberikan beberapa CSS

    Sebelum menambahkan CSS.nya




    Cari  .pst img
    kalau kesulitan tekan dengan Ctrl+F untuk memudahkan pencarian
    Tambahkan Max-width: 530px; 
    Letakkan pada .pst img {  }
    Contohnya :
    .post { background:#FFFFFF;border:1px solid $bordercolor;padding: 7px;}
    Menjadi seperti ini :
    .post { background:#FFFFFF;max-width: 530px;border:1px solid $bordercolor;padding: 7px;}
    Ganti warna merah itu dengan ukuran wrapper anda
    Jangan Lupa Centang  Expand Template Widget
    Kemudia Save 
    Hasil akhirnya . . 


    Mudahkan, selamat mencoba

    0 komentar:

    Posting Komentar

  • Next Prev