Cara Mudah Buat Gambar Menjadi Responsive di Blog Kita



Senang bisa jumpa lagi sahabat Blog-TGB, pada kesempatan ini saya ingin sharing tentang blog. Belum lama ini saya kesulitan bagaimana cara membuat gambar di blog kita menjadi responsive mengikuti media akses ke blog kita.

Sebelumnya blog saya memang sudah memakai template responsive hanya saja, saat kita memasukkan gambar/banner, misalnya banner iklan ternyata tidak serta merta mengikuti templatenya. Walhasil, jika kita browsing menggunakan smartphone atau tablet misalnya tampilan blog kita bisa sangat kacau karena gambar/banner tadi tidak mengikuti template yang responsive. 

Nah setelah googling sana sini alhamdulillah saya dapat triknya, dengan menambahkan kode CSS tambahan pada template kita. Caranya sangatlah gampang :

1. Masuk ke akun blogger saudara, dan langsung menuju ke 'Edit Template'
2. Pada editor template cari ]]</b:skin>
3. Kemudian Letakkan CSS berikut tepat di atas ]]</b:skin>


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

4. Save template anda dan lihat hasilnya.


Alhamdulillah, setelah memakai cara di atas semua gambar di blog saya bisa responsive mengikuti template dan nyaman dipandang mata. 

Subscribe to receive free email updates:

0 Response to "Cara Mudah Buat Gambar Menjadi Responsive di Blog Kita"

Post a Comment