Cara Membuat Embed Google Maps dan Google Calendar Menjadi Responsive

Masukkan kode CSS di bawah ini ke dalam situs:

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Lalu simpan. Kemudian tambahkan kode di bawah ini pada iframe Google Maps atau Google Calendar.

<!-- Responsive iFrame -->
<div class="responsive-iframe-container">
    <... kode iframe Google Maps atau Google Calendar...>
</div>

sumber: http://themeloom.com/2013/02/tips-embed-google-maps-and-calendars-in-a-responsive-wordpress-theme/

christiyoda

Not need to know.

Cara Membuat Embed Google Maps dan Google Calendar Menjadi Responsive

christiyoda

Artikel Terkait