Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website)

Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com

 Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com

Kontencaraviral.com – Tujuan dari membuat sebuah blog atau website adalah mendatangkan pengunjung sebanyak – banyaknya ke dalam blog/website kita.Agar pengunjung tertarik mengunjungi blog kita,kita haeus membuat tampilan dan isi blog kita terlihat menarik di mata pengunjung.
Pada Tutorial Bloggku kali ini kami akan memberikan sebuah cara untuk menjadikan tampilan vidio youtube yang ada di blog kalian terlihat keren seperti gambar TV.Tampilan ini masih sangat jarang digunakan oleh para blogger.Selain itu dengan tampilan tersebut akan membuat blog anda lebih terlihat menarik dan profesional.
Jika

Jika Anda tertarik,silakan ikuti langkah-langkah Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) di bawah ini.

 Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com

Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) :


  • Pertama, Anda harus login terlebih dahulu ke akun blog anda.
  • Setelah kalian berhasil login ke akun Blo anda, pada halaman utama (Dashboard) Blogger >>> pilih Tema (Template) >>> Edit HTML
  • Selanjutnya cari code ]]></b:skin>, supaya lebih cepat klik pada script atau kode di dalam template, kemudian tekan CTRL + F pada keyborad laptop/PC anda, lalu pastekan kode ]]></b:skin> dalam kotak yang di sediakan.
  •  Letakkan/tempel/pastekan code di bawah ini, tepat di atas code "]]></b:skin>".
video-player{background:url(https://3.bp.blogspot.com/-80cMqaO5JvI/USgg-w_ApjI/AAAAAAAAXUs/KR6ci0etVrQ/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:35px;margin-left:30px}

Keterangan:
Supaya tampilannya pas dengan lebar area posting template blog yang anda gunakan silakan rubah angka yang berwarna biru.


NB:

Apabila kalian mau gambar TV (televisinya) di ubah sesuai dengan keinginan anda.cukup mudah !!. silakan kalian cari gambar televisi yang menarik menurut Anda dengan cara searching di Google. Tapi perlu anda ingat!!. usahakan format gambarnya PNG transparan agar lebih mudah untuk di edit.
Kemudian setelah anda sudah menemukan gambar TV yang ingin anda pasang.Langkah selanjutnya adalah anda tinggal mengupload gambar tersebut di blog anda (upload seperti biasa aja).Kemudian ambil (copy) url gambar,lalu ganti url gambar diatas yang berwarna merah ,degan url gambar anda yang baru saja kalian upload.Setelah itu klik simpan tema.


 Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com

BAGAIMANA CARA MENAMBAHKAN PADA POSTINGAN ARTIKEL

Supaya saat anda mengembed video dari youtube, video tersebut berada di dalam gambar TV yang telah kalian upload tadi, Kalian cukup copy dan pastekan script di bawah ini dalam postingan artikel anda  pada mode HTML.

<div class="video-player">
MASUKKAN KODE EMBED YOUTUBE DI SINI
</div>

Apabila Anda masih bingung bagaimana cara mendapatkan kode embed youtube,silahkan lihat gambar di bawah ini :

Supaya tampilannya pas sesuai dengan ukuran blog anda, sebaiknya anda  menyesuaikan lebar dan tinggi video agar berada tepat di tengah-tengah gambar TV yang telah kita siapkan tadi dengan cara menganti angka pada kode embed youtube.

Contoh :

<div style="text-align: center;"><div class="video-player"><iframe width="560" height="315" src="https://www.youtube.com/embed/7zvxw7lR0ug" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div></div>

Ganti angka yang berwarna merah dengan angka yang sesuai dengan tinggi dan lebar gambar televisi, yang sobat upload pada langkah pertama tadi.
Agar kalian bisa membandingkan ,kira - kira tampilannya bagus mana ya.Silahkan anda bandingkan sendiri gambar di bawah ini,lebih menarik mana... ?

Tampilan Embed Video Youtube Tanpa Penggunaan Kode

 Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com


Penampilan Video Youtube Seperti TV Setelah Memakai Tips Di Atas

 Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website) – Bloggku.com

Saya yakin pengunjung pun akan semakin betah melihat tampilan blog kita.karena blog kita menampilkan konten atau vidio yang menarik perhatian mereka.
Akan tetapi kekurangan dari tampilan ini,hingga saat ini kami belum bisa menampilkan tampilan yotube seperti  TV dalam  bentuk responsif..

Apa bila teman – teman disini ada yang faham dengan bahasa pemograman bisa tolong dishare cara nya dibawah ya...

Nanti kami akan menambahkan masukan teman – teman kedalam artikel ini.jangan lupa juga sertakan link web atau blog kalian ya...agar kita bisa saling mengunjungi.

Demikianlah Cara (Tips) Mempercantik Tampilan Video Youtube,Keren Seperti TV Di Blog (Website), yang bisa Admin bagikan. Semoga kalian bisa mempraktekkan dan berhasil dengan sukses. Selamat mencoba dan berkreasi ya. Salam blogger kediri..

LihatTutupKomentar