Cara Gampang Buat Gambar Menjadi Responsive Di Blog Kita

Senang sanggup jumpa lagi sobat BlogTeknisi, pada kesempatan ini saya ingin sharing wacana blog. Belum usang ini saya kesulitan bagaimana cara menciptakan gambar di blog kita menjadi responsive mengikuti media susukan ke blog kita.

Baca Juga : Cara Praktis Menghubungkan Wifi/Wireless Pada Windows 8

Sebelumnya blog saya memang sudah menggunakan template responsive hanya saja, ketika kita memasukkan gambar/banner, contohnya banner iklan ternyata tidak serta merta mengikuti templatenya. Walhasil, kalau kita browsing menggunakan smartphone atau tablet contohnya tampilan blog kita sanggup sangat kacau alasannya ialah gambar/banner tadi tidak mengikuti template yang responsive. 

Baca Juga : Cara Praktis Meningkatkan Traffic Pengunjung (Visitor) Blog, Website Atau Situs Kita

Nah sehabis googling sana sini alhamdulillah saya sanggup triknya, dengan menambahkan arahan CSS suplemen pada template kita. Caranya sangatlah simpel :

ilustrasi - gambar blog responsive

1. Masuk ke akun blogger saudara, dan pribadi menuju ke 'Edit Template'

2. Pada editor template cari ]]</b:skin>

3. Kemudian Letakkan CSS berikut sempurna di atas ]]</b:skin>

CSS.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, sehabis menggunakan cara di atas semua gambar di blog saya sanggup responsive mengikuti template dan nyaman dipandang mata. [www.blogteknisi.com]  

Sumber http://www.blogteknisi.com

Berlangganan Informasi Terbaru: