September 8th, 2021 by Catur Budi Waluyo

Untuk embed/menyematkan suatu video dari youtube di blog atau website gimna caranya ya?mungkin itu pertanyaan yang sederhana tetapi tidak semua orang menyadari bahwa menautkan video dari youtube sangat mudah. Pada kali ini saya ingin berbagi tentang bagaimana cara embed/menautkan video dari youtube ke web atau ke blog. Video merupakan salah satu konten yang menarik jika diterapkan dalam suatu situs maupun blog, terutama sekarang semua dengan mudah dapat mengakses video dari youtube. Untuk cara embed video Youtube di blog atau website bisa simak berikut ini:

Langkah pertama : Membuat Template HTML untuk embed video

Pada kasus ini saya akan mencoba embed video dari youtube ke website. Sebelum kita embed menempatkan video terlebih dahulu kita siapkan template HTML sebagai demo untuk menampilkan video tersebut kedalam website. Untuk Template bisa temen-temen buat dari bootstrap maupun css, berikut ini contoh template HTML untuk menampilkan video kedalam Website:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Cara Menyematkan Video YouTube</title>
<style>
.container {
width: 560px;
margin: auto;
background: #999999;
}
footer {
padding: 5px 10px;
background-color: #1CBABC;
color: #F4F5ED;
text-align: center;
}
</style>
</head>
<body>
<div class=”container”>
<div class=”content-video”>
<!– Tempatkan Video Disini –>

</div>
<footer>
<h3> Cara Menyematkan Video YouTube </h3>
</footer>
</div>
</body>
</html>

Jika temen-temen sudah punya blog atau website dan mau posting dengan video anda bisa langsung klik source code untuk memasukkan url dari youtube nya

Gambar 1. Tampilan isi konten dalam mode source code

Langkah kedua: Klik menu bagikan

Setelah selesai membuat template tersebut langkah berikutnya yaitu silahkan buka youtube dengan url https://www.youtube.com/ dan pilih video youtube yang nantinya akan kita terapkan pada template yang telah kita buat.

Gambar 2. Tampilan video yang akan dipilih untuk dibagikan

Setelah itu klik share dibagian kanan bawah video, untuk lebih jelas bisa lihat pada gambar berikut ini.

Gambar 3. Tampilan Video yang sudah dipilih danklik tombol bagikan

Langkah ketiga: Pilih media yang akan kita sematkan

Setelah itu, akan muncul pop up yang diharuskan kita memilih, karena kita akan menerapkan pada halaman webiste kita, maka kita pilih Embed

Gambar 4. Pop Up media yang bisa dibagikan

Apa saja media yang bisa kita sematkan? Bisa lihat gambar berikut ini. Dalam kasus ini kita kan menyematkan video kedalam situs maka pada popo up kita pilih sematkan maka akan tampil pada gambar berikut ini.

Gambar 6. Media yang didukung Youtube untuk membagikan video
Gambar 7. Media yang didukung Youtube untuk membagikan video
Gambar 8. Media yang didukung Youtube untuk membagikan video
Gambar 5. Source Code yang dipilih untuk menyematkan Video di situs

Setelah itu copy sintaks yang diberikan seperti pada gambar berikut ini:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Cara Embed Video YouTube di Website</title>
<style>
.container {
width: 560px;
margin: auto;
background: #999999;
}
footer {
padding: 5px 10px;
background-color: #1CBABC;
color: #F4F5ED;
text-align: center;
}
</style>
</head>
<body>
<div class=”container”>
<div class=”content-video”>
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/U_8_p5CFfSU” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

</div>
<footer>
<h3>Cara Embed Video YouTube di Website</h3>
</footer>
</div>
</body>
</html>

Atau gambar berikut ini:

Gambar 9. Tampilan penempatan source code pada situs

Untuk tampilan tersebut bisa dilihat pada gambar berikut ini:

Gambar 10. Hasil tampilan ketika video youtube sudah disematkan pada situs

Demikian cara menyematkan/embed video pada halaman website,

semoga bermanfaat.

Posted in Artikel Tagged with: , , ,

www.calesmart.com
November 11th, 2016 by Catur Budi Waluyo

Selamat Pagi Guys, Pada kali saya akan menjelaskan cara untuk upload atau sharing video dari youtube ke Facebook. Mungkin artikel ini terlalu gampang tapi ternyata tidak semua pembaca tahu cara upload video ke facebook. Oiya, kenapa para blogger sering menampilkan atau sharing video dari youtube ke Facebook? alasannya karena untuk menaikan rating pada video dan sekedar memperkenalkan hasil karya kepada orang lain. Terkadang popularitas seseorang yang cepat berawal dari youtube, Tidak menutup kemungkinan jika hasil karya video yang dibuat menarik penonton, maka seseorang akan mudah tersebar/ terkenal di dunia maya.

Naah sekarang anda sudah tahu khan alasannya, jika anda ingin tahu bagaimana sharing atau upload video ke facebook untuk mengungkapkan perasaan anda kepada rekan kerja atau seseorang bisa lihat tutorial atau langkah-langkahnya dibawah ini.

Tutorial untuk upload video dapat dilihat pada langkah-langkah berikut ini:

  1. apakah anda mempunyai akun Facebook?jika sudah, maka pastikan anda sudah login ke akun facebook tersebut atau klik disini, Tapi jika anda belum punya akun facebook maka sebaiknya anda register terlebih dahulu atau klik disini.
  2. Jika anda sudah login maka anda buka Youtube atau klik disini kemudian cari video yang akan anda sharing atau upload, Seperti pada gambar berikut ini www.calesmart.comwww.calesmart.com
  3. Setelah video yang dimaksud ketemu maka langkah selanjutnya yaitu buka video tersebut dengan cara klik video atau klik judul dari video tersebut. atau seperti pada gambar berikut ini:www.calesmart.com
  4. Jika video sudah terbuka maka lihat icon sharing tools yang terletak dibawah video tersebut. Anda bisa memilih jenis icon sharing tools yang sesuai bisa Facebook, twitter, blogspot, google plus, dll. Pada artikel ini saya memilih facebook untuk sharing tools nya maka saya harus klik icon facebook. untuk lebih jelasnya dapat dilihat pada gambar berikut ini. www.calesmart.com
  5. Setelah langkah 4 selesai, maka akan nampil seperti pada gambar dibawah ini. Setelah anda pilih jenis privacy yang sesuai maka selanjutnya klik tombol kirim ke facebook. Setelah itu selesai.. 😉 😉 www.calesmart.com

ada beberapa video hasil karya dari blog.calesmart.com

  1. Murotal Surah Al kahfi oleh ust Yusuf Mansur yang merdu sekali klik di sini
  2. bacaan sholawat nariyah yang merdu klik disini
  3. murotal anak kecil yang merdu sekali Muhammad Thaha Al Junayd klik disini

Semoga bermanfaat,

Posted in Artikel Tagged with: , , , ,