Memperbaiki semua ukuran gambar secara otomatis di blog
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 ]]>
.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 :)
Sumber : http://ujangyoyo.blogspot.com/
