Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Membuat Image Full Width pada Tampilan Mobile

how to make image full width with CSS

Tidak bisa dipungkiri bahwa gambar {image) merupakan pemanis postingan. Bahkan selain pemanis, gambar juga bisa menjadi penjelas postingan Blog.

Membuat gambar (image) full width, akan memberi kesan gambar lebih menonjol dan bisa mencuri perhatian pembaca. Disini saya akan menjelaskan bagaimana Cara Membuat Gambar / Imege Full width pada tampilan Mobile (ketika diakses via HP).

Sebelum kepada penjelasan, silahkan perhatikan salah satu postingan saya di Corkismet, ketika diakses via Laptop /PC.

corkismet

Dan ini ketika di akses via HP / Mobile.

corkismet

Membuat Image Full Width pada Tampilan Mobile

Pertama, simpan kode CSS ini di atas ]]></b:skin> atau di atas </style>

@media screen and (max-width: 414px){
.img-full {
    width: 110vw;
    max-width: 110vw;
    margin-left: -20px;
    margin-bottom:20px;
}
}

Kedua, simpan Template.

Ketiga, ketika akan membuat postingan gambar gunakan kode ini

<div class="img-full">
   .....................
</div>

Semoga bermanfaat...

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

2 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Caranya mudah dan simple
    apa kode ini bisa diterapkan untuk video youtube?
  2. Kumaha damang kang ?? aktif deui
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.