Cara Mengatur Gambar Blog Agar Responsive Di semua Perangkat

Cara atur gmabar responsive

Tidak bisa dipungkiri, Gambar menjadi salah satu daya tarik suatu Blog.
tetapi banyak dari penulis blog menggangap bahwa gambar mereka baik-baik saja. Namun kenyataan lain sebagian gambar yang dimasukan ke dalam postingan Blog tidak 100% responsive di semua perangkat.
Artinya tampilan tiap-tiap layar akan berbeda-beda. Tampilan layar laptop berbeda dengan tampilan layar Mobile.

Jika itu terjadi gambar anda tidak responsive 100% di semua perangkat, itu akan membuat tampilan web anda menjadi tidak rapi bahkan di beberapa perangkat akan hancur berantakan tidak karuan.

Nah bagaimana caranya agar gambar tersebut bisa responsive di semua perangkat. 
Senarnya cara nya gampang, kita hanya perlu memasukan sebuah kode css ke dalam html yang blog kita, langsung saja ini dia caranya :
1. Masuk ke dalam pengaturan Tema/Template
2. Lalu klik seperti gambar berikut
Pengaturan Tema

4. Kemudian pilih Edit Html
5.Lalu Copykan kode berikut
                        .post-body img {
                            max-width:100%;
                               height:auto;
                          }  
6, Copykan sebelum tag </style> atau ]]></b:skin>

Html


Itulah cara nya agar gambar di blog kita menjadi responsive 100% di semua perangkat Komputer, mobile maupun di perangkat lainnya.

Jika teman-teman menyukainya, silahkan bagikan agar ilmu ini bermanfaat untuk orang banyak dan menjadi sesuatu yang berguna. Terima kasih...

    

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel