Welcome to Hakim Official!

Make sure to SUBSCRIBE Hakim Nurubay channel guys



SUBSCRIBE !

January 24, 2020

Artikel ini telah dikunjungi 216×


Cara Embed Website ke halaman Website Sendiri Responsive


thumbnail

Kalian ingin meng-Embed sebuah website ke halaman website Kalian sendiri, dan Kalian tidak tahu cara membuatnya? di sini saya akan memberi tahu caranya meng-Embed Website dengan Bootstrap dan juga Tanpa Bootstrap. simak berikut ini dengan baik baik ya guys!.

Embed Website dengan Bootstrap

Sebelum itu Kalian, buat File HTML dan juga beserta Struktur HTML jangan lupa insert File Bootstrap nya, bagi Kalian yang tidak tahu caranya bisa click di sini. Masukkan Coding berikut ini di dalam tag <body> terserah mau di bagian posisi mana untuk memEmbed Website :

  1. <div class="embed-responsive embed-responsive-16by9">
  2. <iframe class="embed-responsive-item" src="INSERT WEBSITE LINK"></iframe>
  3. </div>

Embed Website Tanpa Bootstrap

DomaiNesia

Seperti Biasa, Kalian Siapkan File HTML dan juga beserta Struktur HTML nya, Masukkan coding berikut ini di dalam <body> untuk memEmbed Website :

  1. <iframe src="INSERT WEBSITE LINK" height="500" width="350"></iframe>
Berikut Contoh Hasil Embed Website :

Kalian bisa menyesuaikan ukuran embed sesuai keinginan Kalian Sendiri guys, embed ini responsive yang artinya ketika kita membukanya dengan Smartphone ukurannya akan menyesuaikan, kalian bisa membuatnya lebih berkreasi, misal menambah border dan lain lain.

Kalau Website yang akan di Embed itu Responsive, maka tampilan Website yang di Embed ukurannya akan menyesuaikan iframe-nya. iframe ini responsive, jadi ketika kita mengecilkan ukuran layar chrome atau dibuka dengan smartphone ukuran iframe-nya akan menyesuaikan, beserta website yang kita embed juga akan menyesuaikan, jika website itu responsive.

Jika Kalian ingin Request membuat artikel, silakan tuliskan di kolom komentar di bawah ini!
Sekian dari saya. Terima Kasih telah berkunjung ke artikel ini.
kunjungan anda adalah Tamu Kami!
Salam !DOCTYPE

Avatar
𝓗𝓪𝓴𝓲𝓶 Nurubay

I'm a beginner web programmer, and I like to learn new things, and my passionate is about Music. you can subscribe to My YouTube Channel Hakim Nurubay. Thank you for you guys who have subscribed My YouTube Channel, and I'm glad for it. Greetings !DOCTYPE


Apa itu Bootstrap? Pengertian dan Fungsinya itu apaansih?


Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.
Read More


Apa itu JavaScript? Pengertian dan Fungsinya itu apaansih? apakah JavaScript Punya Sejarah?


JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis.
Read More


Apa itu HTML? apakah HTML Punya Sejarah? apa Perbedaannya HTML dengan HTML5?


Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.
Read More


6 Rekomendasi Aplikasi Edit Foto Terbaik dan Terbaru untuk Smartphone Tahun 2021


Berikut ini 6 rekomendasi aplikasi edit foto terbaik yang bisa Kalian coba
Read More


Flag Counter

ads

ads



DomaiNesia

Related Posts


posts

Pengertian dan Cara Menggunakan Bootstrap

Seperti yang kalian ketahui Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.

Lihat

posts

Cara Membuat Website Sederhana Hanya dengan HTML dan CSS saja!

seperti yang kalian ketahui HTML adalah singkatan dari Hypertext Markup Language. kalian di sini akan melihat tutorial membuatnya.

Lihat

posts

Cara Embed Video YouTube AutoPlay Terbaru ke halaman Website Sendiri Responsive

Kalian ingin meng-Embed video YouTube kalian ke sebuah halaman website? dan juga ingin membuatnya AutoPlay? Yuk Sini saya beri source code nya!

Lihat

posts

Coming soon

Gone? Coming soon guys, have a nice day

Lihat