Cara Membuat Gambar Blog Responsive Mobile Ready

Cara Membuat Gambar Postingan Blog Responsive versi Mobile

Gambar pada postingan blog memang dapat digunakan untuk membuat situs web kamu terlihat lebih menarik dan menyenangkan. Namun, ini juga dapat menghancurkan situs web kamu jika gambar tersebut tidak responsive dan Mobile friendly. Dalam artikel ini, saya akan menunjukkan cara mudah membuat gambar postingan kamu 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 memiliki elemen CSS dan HTML. Kamu dapat dengan mudah mengatur gambar postingan, video, gambar di sidebar dan lainnya dengan menggunakan CSS.

Misalnya, elemnnya CSS pada gambar sidebar blog akan terlihat seperti ni:

.sidebar img, .sidebar a img {
    border: none;
    margin: 0;
    padding: 0;
}

Pada CSS tersebut kamu dapat dengan mudah mengatur, lebar, tinggi, dan lainnya.

Kamu dapat menggunakan alat pemeriksaan dealfut pada kompur kamu untuk melihat kelas CSS yang ada di blog kamu.

Untuk itu, berikut adalah cara agar gambar di postingan blog kamu 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 membuat gambar postingan blog kamu menjadi responsive dan mobile friendly.
poin yang palogn penting adalah CSS max-width: 100%;, jadi jika kamu membuat elemen apapun tambahkan CSS ini.

Namun, belum cukup disini, selain membuatnya responsive kamu juga perlu membuat gambar postingan kamu menjadi lebih SEO, untuk itu , lihat 7 panduan saya untuk membuat gambar postingan menjadi SEO Friendly.

Saya harap artikel ini membantu kamu mempelajari cara membuat gambar postingan menjadi responsive dan mobile friendly.

0 Response to "Cara Membuat Gambar Blog Responsive Mobile Ready"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel