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 :)
Related Posts
- Cara mengganti next & previous page dengan judul postingan Sudah lama saya tidak menulis postingan baru, bukan kangen menulis di blog, tetapi sudah menjadi kewajiban saya untuk mengurusi blog ini -_-. Wal ...
- Mengatasi Followers List is Private pada Gadget Google+ Followers Baru-baru ini saya mendapatkan email dari google. Mereka berkata : pasang google+ follower untuk memperluas audiens blog anda. Oke mungkin ini sebua ...
- Menemukan dan menghapus Links Jelek (Unnatural Links) Anda mungkin telah membuat beberapa link untuk situs Anda dimulai dari pembuatannya. Tetapi backlink tetap merupakan faktor penting dalam peringka ...
- Memperindah Popular Posts dengan Nomor Urut Otomatis {2 style} Saat blogger mengeluarkan widget Popular Posts di tahun 2011, banyak orang senang akan hal itu dan berusaha untuk mengeditnya agar terlihat lebih ke ...
- Cara membuat comment policy with dropdown effect Sibuk dengan bimbel dan pesantren ramadhan di sekolah tidak menyurutkan saya untuk menulis postingan kali ini. Bukan niat untuk nulis, tapi niat u ...
- Cara membuat Twitter Fans Box melayang Sumber: mytechcafe.blogspot.com Banyak web masters menggunakan media twitter sebagai media informasi blognya kepada pembaca. Twitter ...
AD-BLOCKER DETECTED!
