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.
0 komentar:
Posting Komentar
Berkomentarlah :
1.Dengan kata-kata yang sopan
2.Tidak menaruh link aktif ataupun non aktif
3.No spam, no sara, and no porn
4.Tidak promosi blog
5.Komentar yang tidak sesuai dengan isi konten akan langsung saya hapus
6.Komentar yang bagus akan saya publish dan saya beri komentar balik