Cara Menambahkan Video di HTML Blog
Cara Menambahkan Video di HTML Blog - Kita akan membahas bagagaimana Menambahkan Video di HTML Blog.
Ada tiga cara menambahkan video yang akan dibahas di sini, yaitu:
- Menambahkan Video dengan Mengupload dari Laptop atau HP.
- Menambahkan Video yang Telah Ada di Blogger.
- Menambahkan Video dari Youtube.
Cara Upload Video di Blogger Lewat HP/Laptop
Untuk bisa menambahkan video di HTML blog, tentunya kita harus mengupload video tersebut di Blogger.
Sehingga, kita dapat mengetahui ID atau URL dari video tersebut untuk ditampilkan atau ditambahkan di HTML blog.
Baik ditambahkan pada postingan blog lain atau di dalam widget HTML atau template HTML blog.
Adapun cara upload video di blogger, bisa kita lakukan dengan menggunakan PC/Laptop atau HP sebagai berikut.
- Buka www.blogger.com di laptop/HP Anda yang sudah terhubung dengan akun gmail blog Anda.
- Buka postingan baru atau postingan yang ingin ditambahkan video.
- Klik icon video di bagian bawah judul postingan sehingga tampil seperti gambar di bawah ini.
- Klik Upload dari Komputer > Pilih video untuk diuplod.
- Tunggu proses upload selesai.
- Atur tata letak, yaitu memilih ukuran dan perataan. Misalnya, kita memilih ukuran "Besar" dan rata "Tengah", kemudian klik OK..
- Selamat, Anda sudah bisa menambahkan video baru di Blogger.
Jika Anda berhasil, kode html videonya, akan seperti di bawah ini.
<div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="ID_VIDEO" width="400" height="322" id="BLOG_video-ID_VIDEO" aria-label="Upload video"></object></div>
Catat ID video Anda sehingga bisa ditampilkan nanti dimana saja di HTML blog Anda dengan menambahkan kode html video di atas.
Kita bisa mengatur ukuran tampilan video dengan mengubah ukuran width dan height. Misalnya width="480" dan height="270".
Contoh videonya:
Menambahkan Video yang Telah Ada di Blogger.
Misalnya kita ingin menambahkan video yang sudah diupload, tetapi kita lupa apa ID dari video tersebut, maka untuk mengetahuinya adalah sebagai berikut.
- Buka www.blogger.com di PC/laptop Anda yang sudah terhubung dengan akun gmail blog Anda.
- Pergi ke menu Setelan.
- Pada bagian Kelola Blog, klik Video dari blog Anda.
- Anda akan diarahkan ke jendala baru halaman Pengelolaan video untuk blog Anda.
- Pilih video yang akan Anda cari tahu ID videonya.
- Arahkan kursor tepat pada teks Download video tersebut.
- Klik kanan > inspect, lalu cari kode seperti di bawah ini.
- Pakai kode html berikut untuk menambahkan video tersebut.
<input type="hidden" name="mediaId" value="ID_VIDEONYA_DISINI">
<object class="BLOG_video_class" contentid="ID_VIDEO" width="400" height="322" id="BLOG_video-ID_VIDEO" aria-label="Upload video"></object>
Contoh hasil:
Cara Memasukan Video Youtube ke Blog
Kita juga bisa menambahkan video dari youtube ke blog. Caranya sebagai berikut.
- Salin link video youtube yang akan ditambahkan ke blog.
- Buka www.blogger.com di laptop/HP Anda yang sudah terhubung dengan akun gmail blog Anda.
- Buka postingan baru atau postingan yang ingin ditambahkan video dari yotube.
- Klik icon video di bagian bawah judul postingan sehingga tampil seperti gambar di bawah ini.
- Klik YouTube.
- Jika akun gmail Anda yang terhubung dengan blog memiliki channel youtube, maka pada bagian Upload akan tampil video yang pernah Anda upload ke youtube.
- Jika ingin menambahkan video youtube dengan link, silahkan klik Penelusuran, lalu klik icon pencarian.
- Klik video yang ditemukan.
- Atur tata letak, yaitu memilih ukuran dan perataan. Misalnya, kita memilih ukuran "Besar" dan rata "Tengah", kemudian klik OK.
- Selamat, Anda sudah bisa menambahkan video dari yotube ke blog.
Kode htmlnya akan seperti di bawah ini.
<div class="separator" style="clear: both; text-align: center;"><iframe class="BLOG_video_class" allowfullscreen="" youtube-src-id="ID_VIDEONYA_DISINI" width="480" height="auto" src="https://www.youtube.com/embed/ID_VIDEONYA_DISINI"></iframe></div>
Hasilnya:
Tips Menambahkan Video Youtube Pengguna Template LajangSpot
Bagi Anda pengguna Template Lajang Spot, sudah ditambahkan pada templatenya script lazyload video.
Manfaat dari script lazyload video ini adalah tidak memuat video youtubenya kecuali diklik untuk diputar.
Sehingga penambahan video youtube di postingan blog tidak akan menambah beban loading, jadi loading blog tetap cepat, walaupun menambahkan video dari youtube.
Untuk menerapkan script ini, Anda tinggal menyalin kode berikut ini ke html blog Anda.
<p><a href="URL_VIDEO_YOUTUBE">URL_VIDEO_YOUTUBE</a></p>
Contoh kode html:
<div class="ads-video"><p><a href="https://www.youtube.com/watch?v=X2myKlXrxfo">https://www.youtube.com/watch?v=X2myKlXrxfo</a></p></div>
Hasilnya:
Demikian Cara Menambahkan Video di HTML Blog, semoga bermanfaat.
Buka lainnya di Tutorial HTML untuk Blogger Pemula.
Posting Komentar untuk "Cara Menambahkan Video di HTML Blog"