Tips cara membuat embed video YouTube di blog
Tips cara membuat video YouTube di blog dengan mudah tanpa ribet, artikel kita kali ini adalah bagaimana caranya membuat embed video YouTube di blog dan menempatkannya di beranda blogger atau pun didalam artikel. Biasanya sih kalau video YouTube yang kita tambahkan di artikel itu terbatas pada menit tayangannya karena itu dan Kita perlu menambahkan embed video YouTube tersebut ke dalam artikel, supaya tayangannya bisa lebih lama dari biasanya.
Contoh
Tapi jika kita mau menambahkan di depan beranda halaman pun bisa tinggal pilih penempatannya saja mau dibawa atau di atas, jika kita mau menambahkan embed video di artikel Pertama kita masuk ke
1. Blogger
2. Pilih entri baru
3. Pilih html jangan compos ya
4. Buat artikel terlebih dahulu
4. Setelah itu tambahkan kode dibawah ini
<div class="videoWrapper">
<!-- Copy & Pasted from YouTube -->
Atur tinggi dan lebar video dengan mengganti kode yang berwarna merah
<iframe width="560" height="349"
Untuk mengganti video hapus kode yang berwarna hijau dan ganti dengan video baru. Caranya pilih video dari YouTube lalu klik bagikan dan salin linknya, ingat yang kita ambil adalah bagian belakangnya saja ya?
Https://www.youtube.com/embed/ihpNN_SwUZs" frameborder="0" allowfullscreen></iframe>
</div>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Jika kali tidak yakin salin embed video YouTube dibawah ini
Cara di atas adalah untuk video didalam artikel, lalu bagaimana cara membuat embed video YouTube di beranda halaman bloger? Pertama kita:
1. pilih setelan
2. Lalu pilih tata letak
3. dan pilih tambahkan gadget
4. Lalu pilih javascript setelah itu
5. Salin kodenya misalkan seperti ini:
Setelah selesai klik simpan terlebih dahulu dan lihat apakah penempatannya videonya sudah atau belum, nanti hasilnya akan seperti ini:
itulah beberapa cara sederhana membuat embed video YouTube di blog dengan mudah dan praktis, semoga artikel ini bermanfaat Mohon maaf jika ada kekurangan.
Contoh
1. Blogger
2. Pilih entri baru
3. Pilih html jangan compos ya
4. Buat artikel terlebih dahulu
4. Setelah itu tambahkan kode dibawah ini
<div class="videoWrapper">
<!-- Copy & Pasted from YouTube -->
Atur tinggi dan lebar video dengan mengganti kode yang berwarna merah
<iframe width="560" height="349"
Untuk mengganti video hapus kode yang berwarna hijau dan ganti dengan video baru. Caranya pilih video dari YouTube lalu klik bagikan dan salin linknya, ingat yang kita ambil adalah bagian belakangnya saja ya?
Https://www.youtube.com/embed/ihpNN_SwUZs" frameborder="0" allowfullscreen></iframe>
</div>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Jika kali tidak yakin salin embed video YouTube dibawah ini
Cara di atas adalah untuk video didalam artikel, lalu bagaimana cara membuat embed video YouTube di beranda halaman bloger? Pertama kita:
1. pilih setelan
2. Lalu pilih tata letak
3. dan pilih tambahkan gadget
4. Lalu pilih javascript setelah itu
5. Salin kodenya misalkan seperti ini:
Setelah selesai klik simpan terlebih dahulu dan lihat apakah penempatannya videonya sudah atau belum, nanti hasilnya akan seperti ini:
