Blogspot: Cara Mengubah Size (Ukuran) Semua Gambar Post Secara Otomatis

Blogger.com-Pengoptimalan gambar sangat penting bagi sebuah blog untuk menonjol dari orang lain karena gambar memainkan peran penting dalam menarik pembaca ke blog kita dan juga membiarkan mereka memahami isi kita dengan mudah melalui gambar visual. Mengubah ukuran gambar sesuai dengan tata letak blog kami sehingga tidak akan mengganggu area posting di blog kami. Mengubah ukuran tugas ini menjadi sangat sulit ketika kami telah menerbitkan ratusan atau ribuan posting dan kami ingin mengubah semua dimensi gambar posting.

Blogger menyediakan setelan dasar default untuk mengubah ukuran gambar di entri blog kami tetapi hingga batas tertentu yaitu, kami hanya dapat mengubah ukuran gambar dalam empat opsi: kecil, sedang, besar, dan X-besar.

Bagaimana jika kita ingin mengubah ukuran semua gambar posting kita secara otomatis sekaligus dan juga ke piksel yang diinginkan yang kita inginkan. Ya, itu bisa dilakukan dengan pengkodean CSS kecil, Anda hanya perlu mengikuti langkah-langkah di bawah ini untuk mendapatkan waktu yang besar ini mengambil tugas dengan mudah dilakukan dalam beberapa detik.

Sebelum pindah langsung ke tutorial, mari kita pahami mengapa kita perlu mengubah ukuran gambar blog kita.

Mengapa Mengubah Ukuran Gambar di Blog?

• Mungkin ada alasan spesifik mengapa Anda ingin mengubah ukuran gambar di blog Anda. Saya telah membuat daftar beberapa alasan utama mengapa orang ingin melakukannya.
• Ketika kami memulai blogging sebagai pemula, kami tidak mengambil dimensi gambar sebagai hal utama tetapi kami memahami pentingnya di masa depan sehingga kami perlu melakukan pengubahan ukuran gambar untuk posting kami yang diterbitkan.
• Gambar mengganggu tata letak blog Anda dengan meluap area konten posting.
• Kami ingin mengurangi waktu muat blog dan gambar dengan ukuran kecil dapat membuat blog kami dimuat dengan cepat.

Sekarang setelah mengetahui manfaatnya, mari mulai gulirkan jari-jari kita tentang cara menerapkan metode ini untuk mengubah ukuran semua gambar posting blog kita sekaligus secara otomatis.

Bagaimana Cara Mengubah Ukuran Semua Gambar Pos Secara Otomatis Di Blogger?

Cukup ikuti langkah-langkah kecil di bawah ini untuk menambahkan kode CSS ini di blog Blogspot Anda.

1. Pertama-tama, Buka Dasbor Blogger.
2. Pergi ke Template > Edit Html.
3. Di area HTML dan tekan Ctrl + F untuk menemukan tag ini dengan cepat: ]></b:skin>
4. Sekarang, tempelkan kode di bawah tepat di atas kode ]]></b:skin>
   

   .post-body img {
   width: 500px!important;
   height: auto!important; }

Kustomisasi:

• Untuk mengurangi atau menambah lebar gambar, ubah nilai lebar: 500px:
• Pengodean di atas tidak akan mengubah ukuran tinggi gambar posting Anda dan hanya akan mengubah ukuran lebar tetapi jika Anda ingin menambah atau mengurangi tinggi gambar juga maka ubah tinggi badan: 500: px atau menurut lebar blog Anda:
• Jika Anda ingin menambahkan border ke gambar maka cukup gunakan pengkodean di bawah daripada kode di atas:  

.post-body img {
width: 500px!important;
height: auto!important;
border: 1px solid #d2d2d2}

• Anda juga dapat menyesuaikan, ukuran batas dengan mengubah nilai piksel dari border: 1px dan untuk mengubah warna batas, cukup ubah kode warna ini # d2d2d2 sesuai kebutuhan Anda.
• Simpan template Anda >> Anda sudah selesai.

Saya harap Anda berhasil menggunakan tutorial ini dan menghemat waktu berharga yang akan Anda buang dengan mengubah ukuran gambar secara manual. Beri tahu saya pendapat Anda tentang postingan ini dan jika ada pertanyaan apa pun yang Anda lakukan di bawah ini, saya pasti akan mencoba membantu Anda dengan cara sebaik mungkin.