Membuat Tampilan Video Youtube Di Blog Seperti Di Televisi

Membuat Tampilan Video Youtube Di Blog Seperti Di Televisi -Tidak hanya video dari sebuah Player CD atau DVD saja yang bisa ditampilkan pada sebuah layar televisi tapi Video Youtube yang di publish kedalam blog juga bisa ditampilkan seperti di televisi, tutorial ini saya dapat secara tidak sengaja dari sebuah blog yang cukup terkenal yaitu kompajaib yang menarik perhatian saya karena keunikannya dan akhirnya sayapun memutuskan untuk share tutorial ini.
Tampilan dari Video Youtube yang akan kita buat kurang lebih seperti gambar dibawah ini

Tertarik ingin membuat seperti gambar di atas?
Langsung saja ke tutorialnya, Login ke Blogger dengan id dan password Anda pilih Template >> Edit HTML. Cari kode ]]></b:skin>, lalu copy dan paste kode dibawah ini diatas kode tersebut.

.video-player{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDJhXvW4Ykbz1_ibloxyFDX9G3yayApqQncrmftpkm-Mt4zPZGcL04eutSQvaWRh5ParSGz4fPmkuunWlGKyAxrW5zkIfZQ0qakYnKe32xwXp1CnEeCk-3MtB5V3RiujIgnKwGqFgq7w/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:35px;margin-left:30px}

Kode diatas disesuaikan dengan halaman posting yang lebarnya 600px, jika halaman posting blog Anda kurang dari 600px, maka Anda harus menyesuaikan gambar backgroundnya lagi. Copy url gambar yang berwarna merah dan paste di browser Anda kemudian save image, lalu edit gambar tersebut dan sesuaikan lebarnya dan upload lagi di blog Anda. Lebar dan tinggi video juga harus disesuaikan dengan gambar background baru, kode CSS juga disesuaikan.

Untuk memanggil kode di postingan, gunakan script berikut di postingan pada mode HTML.