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
- Membuat Widget about Author box di blogger Widget Meet the Author Sebuah blog bagus, sebagus apapun itu pasti mempunyai author box baik pada widget atau dibawah setiap postingan. Author bo ...
- Cara membuat widget Email Subscription [4 style] Cara membuat widget Email Subscription [3 simple style]. Dengan menambahkan widget ini, anda membuat sebuah widget yang membiarkan pembaca untu ...
![Cara membuat widget Email Subscription [4 style]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7su_wDNd27zizC5ERM9gOJBRBiXNVATqWVrHEZsPx2nx9ohbe_Jge0lznAwGtNtwWWVxDSkXuHD8KlWU5ZEEdQf2N2QlRB1GCtjJrtyTWMBRYvXTByv9i3XFydEfi3wNEEinKCEU_rk/w120-h90-p-k-no-nu/Email_Subcribe_Style.png "Cara membuat widget Email Subscription [4 style]")
- Cara membuat sebuah daftar artikel dengan 1 label Halo ? di pagi yang cerah ini, saya akan menerangkan bagaimana membuat sebuah widget daftar artikel pada satu label saja. Anda dapat melihatnya ...
- 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 ...
- Susunan tags H1, H2, H3, H4, H5, H6 yang benar pada blog Keinginan setiap webmaster adalah membuat blognya masuk ke SERP (search enggine optimazation) dan menjadi peringkat pertama. Dengan begitu akan dapa ...
- Cara Menampilkan Widget / CSS / Script Pada Halaman Tertentu Banyak cara mempercepat loading blog, seperti yang sudah saya post sebelumnya tentang Cara Mempercepat Loading Blog | Perce ...
AD-BLOCKER DETECTED!
