Cara Mudah Membuat Gambar Postingan Menjadi Responsive di Blogger

Pada malam hari ini saya ingin membahas sebuat tips dan trik ya yaitu tips blogger dengan judul "Bagaiaman cara membuat gambar postingan jadi responsive 100%" nahh sebelum kita melanjutkan ke TKP apa sobat tahu apa itu gambar postingan responsive ?

Ya pastinya ada yang sudah tahu dan ada yang tidak tahu juga bukan ? bagi sobat yang sudah tahu alhamdulillah bagus banget berarti sobat sudah lebih berpengalaman dari pada saya heheheheh :D, khusus buat sobat yang belum tahu nihh akan saya jelaskan sedikit ya heheheheh, yang di maksud dengan gambar psotingan responsive yaitu sobat gini jadi dimana misalnya sobat menggunakan template seperti saya ini dan ketika sobat ingin memposting sebuah artikelotomatis pasti sobat akan menempatkan gambar di dalam artikel sobat tersebut kan dan ketikan gambar itu di masukkan ke dalam artikel dan ketika gambar di klik akan keluar 4 pilihan yaitu : "Small / Medium / Large / X-large / Original Siza" untuk lebih jelasnya anda dapet melihat gambar di bawah ini :

Nahhh sobat sudah pastinya ketika kita memilih Menu Original Size pastinya nanti gambar yang akan di posting akan sesuai dengan ukuran gambar pada aslinya yang dimana kita mengambil gambar tersebut dan jika ukuran gambar terlalu besar sudah pasti ketika di posting gambar akan hanya nampak setengah saja alisan terpotong tidak full page contoh seperti gambar di bawah ini :

Sobat bisa melihat sendiri bukan bahwa gambar postingannya terpotong setegah alias setengah nampak dan setengah lagi tidak dan itu pertanda bahwa gambar postingan sobat belum responsive dan jika sobat ingin gambar postingannya menjadi responsive alias tidak terpotong seperti gambar di atas sobat bisa mengikuti langkah-langkah di bawah ini dengan seksama :

1. Masuk ke blog anda masing-masing
2. Pilih Menu Template / Edit Template / Masukkan kode di bawah ini tepat di atas kode : </style>

HTML KODE

.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}

3. Jika sudah simpan Template.
4. Dan jika sudah maka nanti jika sobat memposting gambar dan memilih pilihan original size alias ukuran asli dia tidak akan terpotong lagi dan nanti akan menjadi seperti gambar di bawah ini.