Kadang jika kita memasukan gambar pada postingan atau home page suka membuat pengunjung jengkel dan tidak suka. Dan itu akan berpengaruh bagi reputasi online anda. Loh kenapa kok tidak suka, padahal gambar itu sebagai penguat atau sebagai dukungan materi dari postingan ? Ada yang bisa menjawabnya ? :D saya yang buat postingan kok nanya sama pembaca.
Pada fiktur edit post blogger, blogger telah menyediakan ukuran dasar gambar, yakni small, medium, large, dan X-large. Tetapi ukuran ukuran tersebut tidak praktis dan tidak sesuai desain blog anda (bagi yang memiliki lembar bacaan kecil). Kadang gambar terlalu besar ataupun gambar terlalu kecil. Tetapi untungnya kita bisa mengeditnya secara manual dengan memasukan kode CSS pada lembar pengeditan dalam mode HTML.
Pada fiktur edit post blogger, blogger telah menyediakan ukuran dasar gambar, yakni small, medium, large, dan X-large. Tetapi ukuran ukuran tersebut tidak praktis dan tidak sesuai desain blog anda (bagi yang memiliki lembar bacaan kecil). Kadang gambar terlalu besar ataupun gambar terlalu kecil. Tetapi untungnya kita bisa mengeditnya secara manual dengan memasukan kode CSS pada lembar pengeditan dalam mode HTML.
Mengubah ukuran gambar satu-per-satu secara manual dapat diterima. lalu bagaimana jika anda memiliki ribuan foto yang agar sesuai ukurannya harus diedit terlebih dahulu satu per satu ? Bahkan jika Anda memutuskan untuk melakukannya akan mengambil waktu satu bulan atau bahkan lebih dari itu. Nah untuk inilah saya membuat post ini. Yaitu cara memperbaiki semua ukuran gambar secara otomatis di blog. Jadi anda tidak perlu repot repot mengedit gambar secara manual.
Pembahasan
Pertama yang harus anda lakukan adalah login ke akun Blogger.com >> pilih blog anda >> masuk ke Template >> lalu Edit HTML. Lalu cari kode ]]></b:skin> dan simpan kode dibawah ini tepat diatasnya. (alihkan kursor ke lembar edit HTML lalu tekan CTRL+F untuk menemukannya)
.post-body img {width: 500px!important;height: auto!important; }
Anda dapat mengedit kode berwarna merah dengan ukuran lebar gambar yang anda mau, sedangkan untuk tinggi gambar kita gunakan auto agar dapat disesuaikan dengan ukuran lebar gambar. Anda juga dapat menambahkan garis pinggir (border: 1px solid #d2d2d2) ataupun shadow dan yang lainnya. Setelah anda menyesuaikan keinginan anda, klik save template and you'are done.
Last Words
Bagaimana? sangat mudah sekali bukan? Sekian post tentang Memperbaiki semua ukuran gambar secara otomatis di blog. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata dan semoga tulisan ini dapat bermanfaat bagi anda :)
AD-BLOCKER DETECTED!
