Tips dan trik unik sekaligus menarik kali ini yaitu trik menggunakan video Youtube Sebagai Background di blog atau website. Trik menggunakan video youtube sebagai background khusus browser yang sudah support HTML5 dan CSS3 dan juga Javascript Enable. Ingat Sobat blogger jangan memasang video yang berdurasi lama karena akan membuat lambat loading blog apalagi bila pengunjung blog menggunakan jaringan internet lambat semakin kesal pengunjung blog sobat karena terlalu lama menunggu loading blog selesai... Tenang aja sobat pada tutorial kali ini sudah saya persiapkan video yang menarik supaya bisa sekalian di praktikan di blog sobat... Buat sobat blogger yang ingin mencoba silahkan ikuti trik berikut ini monggo disimak cara penerapannya.
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Cara Pemasangan :
- Login ke blog sobat...
- Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
- Copy-paste Kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa parameter kode tersebut agar sesuai dengan tema blog sobat.
KETERANGAN :- Kode inline style width: 100% dan height: 100% artinya ukuran layar otomatis akan ditampilkan fullscreen mengikuti ukuran layar pada browser pengunjung.
- Kode var autoplay = 1 merupakan kode html autoplay video player youtube artinya video akan langsung diputar.
- Kode var controls = 0 artinya kontrol video tidak ditampilkan.
- Kode var showinfo = 0 artinya informasi tentang video tidak ditampilkan.
- Kode var autohide = 1 artinya tombol player tidak ditampilkan.
- Kode var youtubeID = "afQekcZmSIg" merupakan kode URL video youtube afQekcZmSIg kode ini bisa dilihat dari adressbar browser ketika membuka situs youtube. Silakan sobat ganti kode ini apabila ingin memasang video youtube pilihan sendiri.
Contoh :
Pada adressbar browser akan terlihat URL sebagai berikut :
https://www.youtube.com/watch?v=afQekcZmSIg
cukup meng-copy kode yang berwarna biru afQekcZmSIg kemudian taruh kode youtube ID tersebut pada kode var youtubeID, sehingga akan terlihat seperti ini, var youtubeID = "afQekcZmSIg"
- Klik "Save" dan lihat hasilnya...
Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...
.: Semoga Bermanfaat :.
