Wednesday, 1 November 2017

Cara Agar Video di blog Sesuai Dilayar Hp

Posted by on Wednesday, 1 November 2017
ImamMustofa.Com berbagi artikel lagi tentang tutorial blog bagi anda yang masih awan / newbie sama seperti saya, monggo belajar bersama disini saling berbagi pengetahuan dan pengalaman anda. ini adalah lanjutan dari tutorial sebelumnya yaitu tentang cara menyisipkan video youtube kedalam postingan blog.


Agar Video di blog Tampil Responsive di HP


Nah kali ini saya akan share tips seo blogger, yaitu bagaimana agar video tampil responsive ? Bagi anda yang memasang atau menambahkan video youtube di blog, namun saat blog anda diakses melalui HP video tersebut tidak tampil responsive melainkan tampil penuh melebihi layar HP, sehingga tidak dapat ditonton oleh pengunjung dengan jelas. Dan kemungkinan juga dapat memperlambat loading blog anda saat di akses melalui HP.

Permasalahannya yaitu di saat anda menambahkan video di blog anda hanya memasang embed code / url video youtube tanpa menambahkan kode script tambahan. Nah untuk mengatasi hal tersebut maka anda harus membuat video youtube tersebut agar tampil full responsive saat dibuka melalui HP.

Lalu bagaimana caranya agar video youtube yang kita pasang di blog agar bisa tampil full responsive di HP. Caranya cukup mudah sekali, anda cukup menambahkan kode script disertai embed code video youtube yang akan dipasang di blog anda. Untuk lebih jelasnya, silahkan simak tutorial Agar Video di blog Tampil Responsive di HP berikut ini.

Agar Video di blog Tampil Responsive di HP

Caranya yaitu:

Video Youtube Agar Full Responsive di Blog, yaitu untuk mengakali embed video youtube agar menjadi responsive hanya dengan CSS

1. Pertama Login blogger.com terlebih dahulu.

2. Pilih Template, kemudian klik sesuaikan

Agar Video di blog Tampil Responsive di HP

3. Jika sudah terbuka tampilannya seperti ini :

Silahkan anda pilih sesuaikan lebar, atau jika template anda tidak mendukung klik tingkat lanjut, intinya ada disini hanya menambahkan kode css kedalam blog.

Agar Video di blog Tampil Responsive di HP

4. Selanjutnya Silahkan anda copy dan paste Code CSS di bawah ini :
close