Gambar pada postingan blog memang sanggup dipakai untuk menciptakan situs web kau terlihat lebih menarik dan menyenangkan. Namun, ini juga sanggup menghancurkan situs web kau kalau gambar tersebut tidak responsive dan Mobile friendly. Dalam artikel ini, aku akan mengatakan cara gampang menciptakan gambar postingan kau menjadi responsive dan mobile friendly.
Dan bahkan sebagian blogger tidak menyadari, mereka mengangap gambar di postingan blog mereka baik-baik saja, namun kenyatannya lain.
Secara default, situs web mempunyai elemen CSS dan HTML. Kamu sanggup dengan gampang mengatur gambar postingan, video, gambar di sidebar dan lainnya dengan memakai CSS.
Misalnya, elemnnya CSS pada gambar sidebar blog akan terlihat menyerupai ni:
.sidebar img, .sidebar a img { border: none; margin: 0; padding: 0; } Pada CSS tersebut kau sanggup dengan gampang mengatur, lebar, tinggi, dan lainnya.
Kamu sanggup memakai alat investigasi dealfut pada kompur kau untuk melihat kelas CSS yang ada di blog kamu.
Untuk itu, berikut yaitu cara semoga gambar di postingan blog kau menjadi Responsive dan mobile friendly.
Menggunakan CSS
Cukup copy CSS berikut di atas
]]></b:skin> atau </style>img { max-width: 100%; height: auto; } Selesai, hanya itu cara menciptakan gambar postingan blog kamu menjadi responsive dan mobile friendly.
poin yang palogn penting yaitu
CSS max-width: 100%;, jadi kalau kau menciptakan elemen apapun tambahkan CSS ini.Namun, belum cukup disini, selain membuatnya responsive kau juga perlu menciptakan gambar postingan kau menjadi lebih 7 panduan aku untuk menciptakan gambar postingan menjadi SEO Friendly.
Saya harap artikel ini membantu kau mempelajari cara menciptakan gambar postingan menjadi responsive dan mobile friendly.