June 2, 2016

Cara Mengubah Ukuran Gambar Pada Postingan Blog Secara Otomatis

Cara Mengubah Ukuran Gambar Pada Postingan Blog Secara Otomatis - Ukuran Gambar pada setiap postingan atau artikel tidak sama ukurannya. Kadang ada ukuran gambar yang terlalu kecil, kadang ada yang terlalu besar. Tentu saja itu membuat pemandangan blog kita kurang rapi dan kurang tertata kesannya. Untuk mengubah ukuran gambar secara manual dapat saja Anda lakukan melalui screenshoot. Namun jika artikel Anda telah mencapai ratusan, pasti sangat melelahkan mengganti semua ukuran gambar secara manual dan memakan waktu yang tidak sedikit. 

Bagi Anda yang saat ini lagi kebingungan bagaimana cara mengubah ukuran gambar postingan secara otomatis untuk semua artikel Anda. Ini merupakan solusi yang tepat, Anda dapat mengubah keseluruhan gambar yang ada pada postingan Anda. Berikut langkah - langkah yang harus Anda lakukan :

Cara Mengubah Ukuran Gambar Pada Postingan Blog Secara Otomatis


  1. Silahkan masuk Draft Blogger.com
  2. Klik Template
  3. Edit Html
  4. Cari kode ]]></b:skin>, silahkan copas kode dibawah ini, tempatkan diatas kode tadi.

.post-body img {
width: 300px!important;
height: auto!important;
border: 1px solid #cccccc;
box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
Untuk ukuran lebar dan tinggi gambar yang di warnai diatas, dapat Anda sesuaikan dengan keinginan Anda. Silahkan Anda lihat Pratinjau terlebih dahulu untuk memastikan tidak ada kode yang tertinggal. Jika sudah benar, simpan template Anda, maka otomatis semua gambar postingan Anda telah berubah sesuai dengan ukuran yang Anda inginkan.

Demikianlah sobat cara mengubah ukuran gambar pada postingan blog secara otomatis, jika Anda memiliki saran yang lebih baik boleh dong berbagi di kolom komentar, terima kasih.