Tutorial Membuat Gambar Lebih Responsive Pada Blog/Website - Pentingnya sebuah website atau blog untuk mengutamakan responsive adalah sebagai salah satu cara mendapatkan fasilitas kenyamanan pengunjung dalam mengakses halaman web/blog dari berbagai media device khususnya mobile.
Hampir 90% web developer termasuk blogger sudah menggunakan template responsive saat ini. banyak manfaat jika anda benar-benar mengutamakan perkembangan sistem web/blog anda dalam menggunakan template responsive. Disini saya tidak akan membahas secara menyeluruh bagaimana mengubah tampilan blog menjadi responsive, tapi saya hanya akan membagikan sedikit pengetahuan saya bagaimana Membuat Gambar Lebih Responsive Pada Blog/Website.
Cara ini sangat cocok untuk anda yang masih merasa betah menggunakan template blog lama anda atau hanya sekedar mengedit tampilan gambar pada blog menjadi lebih sedikit responsive. Caranya cukup mudah, yuk disimak berikut ini!
Tutorial Membuat Gambar Lebih Responsive Pada Blog/Website.
1. Masuk ke Blogger
2. Kemudian masuk ke Template lalu Edit Template
3. Cari kode menggunakan CTRL + F dan ketikkan ]]></b:skin> atau </style>
4. Kemudian copy paste kan kode CSS dibawah ini tepat di atas salah satu kode tersebut.
CSS
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
CSS
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}
5. Simpan dan lihat hasilnya.
Untuk mengecek apakah cara di atas benar-benar berhasil, anda cukup minimize layar browser anda. apakah gambar pada blog anda ikut mengecil saat browser di minimze.
Demikianlah artikel kali ini mengenai Tutorial Membuat Gambar Lebih Responsive Pada Blog/Website. Semoga bermanfaat ya! jika anda masih belum paham, silahkan berkomentar dan bertanya dengan relevan.
0 Response to "Tutorial Membuat Gambar Lebih Responsive Pada Blog/Website"
Post a Comment