Cara Menyesuaikan Ukuran Gambar Otomatis pada Blogger. Blogger merupakan media berbagi informasi yang kita ketahui yang mudah di akses, di samping itu blogger juga menawarkan kemudahan untuk berbagi informasi dan menambahkan sebuah foto atau gambar yang akan membuat informasi yang kita berikan semakin menarik. Anda dapat meng-upload sebuah foto langsung pada platform dan bahkan mengubah dimensi berdasarkan jenis konten yang sedang anda buat. Sebuah gambar memiliki ukuran yang berbeda-beda, oleh sebab itu ketika anda meng-upload sebuah foto atau gambar anda akan berfikir apakah foto atau gambar yang sedang anda upload itu memiliki ukuran yang sesuai dengan artikel yang anda buat. Tetapi dengan cara yang mudah anda tidak perlu khawatir tentang berapa ukuran dimensi gambar yang akan anda masukan dalam artikel yang anda buat. Dengan cara di bawah ini semua foto atau gambar dapat menyesuaikan ukuranya secara otomatis tanpa perlu anda mengaturnya satu persatu.
Sebelum anda membuat ukuran gambar secara otomatis menyesuaikan dengan konten yang anda buat anda terlebih dahulu harus meng-upload sebuah gambar untuk mengetahui ukuranya dengan konten yang anda buat, anda akan melihat empat ukuran gambar untuk memilih dari yang kecil, menengah, besar, dan x-besar juga memberikan anda pilihan untuk menentukan keselarasan. Jika anda menemukan bahwa empat dimensi yang telah ditetapkan tidak memberikan hasil yang anda inginkan, ada cara mudah untuk mengubah ukuran gambar untuk Blogger dimensi kustom agar sesuai posting daerah blog anda.
Cara Menyesuaikan Ukuran Gambar Otomatis:
Langkah # 1: Mempertahankan Kualitas Gambar
Pastikan gambar yang anda upload memiliki kualitas yang baik dan juga jangan sampai gambar tersebut memiliki ukuran yang terlalu besar, karena jika memiliki ukuran yang terlalu besar maka akan memberatkan akses untuk memuatnya. Saya sarankan untuk memilih ukuran asli saat menambahkan sebuah gambar pada artikel yang anda buat. Jika gambar anda akan melebihi post editor, itu mungkin berarti bahwa mereka lebih besar dari tubuh posting anda, jadi mari kita memperbaikinya dan membuat mereka cocok persis.
Langkah # 2: Memodifikasi CSS pada Blogger
Selanjutnya adalah memodifikasi
CSS dari template Blogger anda untuk mengakomodasi penyesuaian. Dengan cara buka dashboard Blogger dan pergi ke '
Template'> '
Customize / Sesuaikan'. Anda akan melihat pilihan untuk '
Advanced / Tingkat lanjut', klik dan anda akan menemukan jalan ke
Tambahkan CSS dan sisipkan kode CSS di bawah ini pada kolom yang di sediakan.
.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
}
Untuk merapikan pos bahkan lebih, tambahkan tiga baris terakhir ditampilkan dalam warna hijau di bawah ini.
.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;box-shadow: none;
border: none;
padding: 0px; }
Selanjutnya klik
Terapkan ke Blog
Gambar anda baru ditambahkan kemudian akan ditampilkan dengan penyesuaian yang anda buat, sehingga cocok baik lebar area posting.
Selesai selamat mencoba, Semoga bermanfaat…!
