Gambar Postingan Blogger Full Resposive
September 22, 2015
Add Comment
 |
| Gambar Postingan Blogger Full Resposive |
Responsive adalah idaman dan paling dicari oleh blogger saat ini. Baik itu template maupun isi postingan, akan diuat menjadi responsive. Pada kesempatan kali ini kita akan membahas masalah Gambar responsive pada posting blogger.
Membuat semua gambar posting blogger responsive adalah hal yang sangat mudah. Tapi mungkin juga banyak yang belum mengetahuinya. Untuk membuat gambar postingan responsive yaitu cukup menambah dengan sedikit CSS pada posisi sesudah <head> ataupun sebelum </head>.
Langsung saja, untuk menjadikan gambar postingan Full Responsive, yaitu dengan menambahkan kode CSS berikut ini:
.post-body img {
max-width:100%;
height:auto;
}
Cara memasang CSS ini cukup mudah yaitu hanya dengan edit template blogger, kemudian pilih edit HTML lalu cari kode ]]></b:skin> atau kode </style>. Setelah ketemu, copy kode CSS diatas tepat diatas kode ]]></b:skin> atau kode </style>. Kurang lebih seperti dibawah ini:
.post-body img {
max-width:100%;
height:auto;
}
]]></b:skin>
Sekarang coba sobat lihat postingan sobat apakah gambarnya sudah responsive atau belum dengan cara zoom halaman browser hingga 500%. Jika gambar sobat tetap dapat menyesuaikan layar, berarti gambar Sobat sudah Responsive.
Selamat Mencoba dan semoga berhasil. Salam Responsive.
Sumber : arlinadzgn.com
tag : Gambar Postingan Blogger Full Resposive
0 Response to "Gambar Postingan Blogger Full Resposive"
Post a Comment
Semua komentar kami terima. Semoga dapat membantu