Daftar Isi:
Sepitkom Info - Blog merupakan media untuk berbagi infomasi secara praktis dan juga mudah untuk mengaksesnya. Selain itu blog juga menyediakan berbagai kemudahan dalam berbagi informasi.
Dalam berbagi informasi akan lebih baik dengan menambahkan gambar ataupun foto agar dapat memperjelas informasi yang ada. Di blogger kalian bisa langsung meng-upload foto ataupun gambar secara langsung dan bisa mengatur ukuran gambar agar sesuai dengan konten yang sedang dibuat.
Sebuah gambar atau foto memungkinkan untuk memiliki ukuran yang berbeda-beda. Nah itulah sebabnya kita harus memikirkan apakah ukuran gambar yang sedang kita upload sesuai dengan konten yang kita buat.
Pada saat kita telah meng-upoload gambar, maka kita akan menemukan beberapa opsi untuk mengatur gambar yang diupload. Ada pilihan ukuran mulai dari small, medium, large, x-large, dan original size.
Namun terkadang pilihan yang disediakan tidak sesuai dengan kita butuhkan. Ada kalanya gambar saat telah di upload ternyata saat window browser diperkecil ukuran gambar tidak lagi proporsional atau ukurannya berubah. Ini bisa saja disebabkan oleh bug pada template yang dipakai.
Nah maka dari itu, kali ini kita akan membahas cara agar ukuran gambar menyesuaikan dengan ukuran konten kita dan window pada browser.
Cara Menyesuaikan Ukuran Gambar Otomatis :
1. Melihat ukuran gambar
Ketika meng-upload sebuah gambar kita perlu melihat ukuran sebuah gambar. Jangan sampai ukuran gambar tersebut melebihi ukuran konten pada blog yang kita buat.
Saya menyarankan untuk mengubah ukuran gambar yang kita upload dengan original-size, karena nanti akan kita ubah dengan menggunakan CSS.
2. Memodifikasi CSS pada blogger
Nah, pada langkah kedua ini adalah kunci dalam mengubah ukuran gambar yang kita upload agar sesuai dengan ukuran pada konten yang kita buat. Jadi ukuran gambar akan sesuai dengan window pada browser yang memuat blog tersebut.
Caranya adalah dengan membuka dashboard blogger dan pergi ke menu tema. Lalu klik tombol sesuaikan pada menu tema tersebut.
Setelah itu akan muncul pilihan seperti gambar di atas. Coba kalian pilih menu lanjutan lalu klik tambahkan CSS. Kemudian akan muncul box CSS tempat kita akan menaruh CSS kita nantinya.
Lalu tambahkan kode di bawah ini ke dalam box CSS tersebut.
max-width : 100%;
max-height : auto;
display : block;
margin : auto;
box-shadow : none;
border : none;
padding : 0px;
}code-box
Setelah memasukkan CSS tersebut ke dalam box tersebut kemudian klik terapkan ke blog. Nah, sekarang gambar yang kalian upload ukurannya akan menyesuaikan dengan lebar ukuran konten blog kalian.
Akhir Kata
Nah itu tadi adalah cara menyesuaikan ukuran gambar secara otomatis di blogger. Semoga artikel tadi bermanfaat bagi kalian yang membutuhkan. Silahkan share artikel ini jika kalian merasa informasi ini menarik, agar orang-orang yang butuh informasi ini dapat terbantu.
0 Comments
Posting Komentar