Cara Membuat Gambar Responsive Di Blogger, untuk membuat website kalian terlihat rapi maka dari itu kalian perlu membuat website yang responsive termasuk gambar, video dan lainnya.
Agara para pembaca juga enak dalam melihat tampila blog kita yang rapih dan nyaman bagi si owner web sendiri dan juga web yang responsive ini juga di unggulkan dalam segi SEO nya di mata Google memeberikan nilai Plus bagi google.
Apa Itu HTML Responsive ?
HTML Responsive Web ialah dimana tampilannya akan menyesuaikan dengan perangkat yang kalian pakai jadi tampilan yang muncul akan lebih rapih walaupun dengan resolusi yang berbeda beda.
Dengan membuat web responsive web kalian jadi lebih enak di lihat dan pastinya juga rapih di bukan di berbagai jenis gadget itu sendiri.
Gambar Responsive di beberapa blog atau website terkadang kita menjumpai ada beberapa website gambarnya tidak responsive terkadang terlalu besar terkadang juga terlalu kecil.
Maka dari itu gambar responsive ini sangat membantu bagi para pemilik website sendiri maupun pengungjung karan membuat tampilan lebih rapih.
- Masuk ke dashbor blog kalian
- Pilih menu template / tema, lalau pilih Edit HTML
- Cari kode </b:skin> atau </head>
- Lalu pastekan atau letakan CSS berikut ini di atas </b:skin> atau </head>
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}- Lalu klik simpan atau save.
Setelah ini maka gambar yang ada di blog kalian akan tampil responsive di semua perangkat.
1 comment