Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Video Responsive Youtube Di Konten Blog Dengan Script Mudah


Cara Responsive Video Youtube di Konten Blog - Merupakan hal yang jarang dilakukan pada blogger yang ingin menampilkan video youtube pada konten mereka.

Pada kalii ini mimin akan memberi tahu bagaimana sih memakai video youtube menjadi responsive.

Bila kalian belum mengetahui memasukan video youtube sebelumnya dapat di baca artikel berikut :

Baca Juga : Cara Menambahan Video Youtube Dengan Code Dari Youtube

Resposive, hemm dari mendengar kata berikut merupakan salah satu teknik atau pengaplikasikan yang sangat disukai bagi seluruh penikmat blogger maupun sebagai penggunanya.

Hal ini pada abad zaman teknologi yang semakin canggih, pada kata "responsive" sudah banyak dipakai pada website andalan meraka masing-masing.

Pada penambahan style tersebut mengakibatkan bertambah keren dan sangat dinamis terhadap sebuah website.

Pemasangan responsive ini akan memudahkan bagi para penikmat blogger dari smartphone nya maupun dengan Desktop dengan cara di Restore Down akan terlihat berbeda dari pemsangan sebelumnya.

Pada abad canggih ini, kebanyakan orang menambahkan responsive dengan menyematkan pada body website mereka untuk dapat sinkron ke sebuah smartphone.

Baca Juga :  Cara Mengedit Photo Black And With Dengan Photoshop

Kini kalian juga harus melakukannya dari kini dengan tampilan konten blog yang sangat minimalis, ikut langkah berikut :


Intruction 


Langkah Pertama
Pastikan anda sudah mengetahui sasaran video youtube yang akan di share dalam konten blog kalian.

Langkah Kedua
Salin URL pada http alamat diatas web yang sudah di embed seperti /www.youtube.com/embed/g8S-Ee-TZzc

Dengan Cara Anda ikuti langkah artikel sebelumnya diatas, pada untuk mendapat URL link embed 

Langkah Ketiga
Pada artikel sebelumnya agak ribet dengan cara menyematkan dahulu code dari youtube, jikalau responsive anda tinggal copy HTML berikut.
 <div class="videoyoutube"> <div class="video-responsive"> <div class="video-youtube loader" data-src="//www.youtube.com/embed/g8S-Ee-TZzc"> </div> </div> </div> 


Langkah Keempat
Pastikan anda sudah mencopy code HTML terebut dan taruhkan pada konten kalian dengan menaruh pada HTML, kemudian pastekan.

Langkah Kelima
Ubahlah link youtube sebelumnya dengan link video kalian dari awal // hingga sebelum simbol ".

Selesai, pastikan anda cek dengan kembali pada mode Compose untuk melihat video nya apakah berhasil atau tidak.

Kalau berhasil anda akan menjadi referensi menyerupai video yang mimin masukan pada konten blog ini :


Bila ada persoalan tinggal komentar pada kolom dibawah ini