Cara Memasang Video YouTube Responsive Pada Postingan Blog - TRIK SIMPLE
Cara Memasang Video YouTube Responsive Pada Postingan Blog

Cara Memasang Video YouTube Responsive Pada Postingan Blog - Youtube sering kali juga digunakan oleh blogger untuk penunjang tambahan dalam blog yang yang dimilikinya yang biasanya blog tutorial yang pengunjung kurang paham dalam penempatan kode - kode yang diberikan di blog. Tapi rata - rata memasang Video Youtube dengan IFrame yang dapat memberatkan blog sobat sendiri yang dapat mengganggu pengunjung sobat dibagian loadingnya.

Baca Juga : Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Oke pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara menambahkan video YouTube pada postingan blog tentunya responsive dan tidak memberatkan loading pada blog sobat, wokey langsung saja kecaranya ma broowww..

Cara Memasang Video YouTube Responsive Pada Postingan Blog 


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode CSS dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>

@media only screen and (max-width:768px){
object{width:100%}}

@media only screen and (max-width:480px){
object{width:85%}}

@media only screen and (max-width:320px){
object{width:280px}}

Cara Memasang Pada Postingan


Masuk ke postingan yang akan disisipkan video YouTube, buka dalam mode HTML ( Bukan Compose ) masukan kode dibawah ini

<center><object data="http://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>

Yang bertnta merah diganti dengan kode embeed video YouTube sobat...


Jika sudah klik publikasikan, dan lihat hasilnya browww...

Baca Juga : Cara Mengaktifkan Tampilan Terbaru Gmail

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Video YouTube Responsive Pada Postingan Blog  Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Memasang Video YouTube Responsive Pada Postingan Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Cara Memasang Video YouTube Responsive Pada Postingan Blog

Cara Memasang Video YouTube Responsive Pada Postingan Blog - Youtube sering kali juga digunakan oleh blogger untuk penunjang tambahan dalam blog yang yang dimilikinya yang biasanya blog tutorial yang pengunjung kurang paham dalam penempatan kode - kode yang diberikan di blog. Tapi rata - rata memasang Video Youtube dengan IFrame yang dapat memberatkan blog sobat sendiri yang dapat mengganggu pengunjung sobat dibagian loadingnya.

Baca Juga : Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Oke pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara menambahkan video YouTube pada postingan blog tentunya responsive dan tidak memberatkan loading pada blog sobat, wokey langsung saja kecaranya ma broowww..

Cara Memasang Video YouTube Responsive Pada Postingan Blog 


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode CSS dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>

@media only screen and (max-width:768px){
object{width:100%}}

@media only screen and (max-width:480px){
object{width:85%}}

@media only screen and (max-width:320px){
object{width:280px}}

Cara Memasang Pada Postingan


Masuk ke postingan yang akan disisipkan video YouTube, buka dalam mode HTML ( Bukan Compose ) masukan kode dibawah ini

<center><object data="http://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>

Yang bertnta merah diganti dengan kode embeed video YouTube sobat...


Jika sudah klik publikasikan, dan lihat hasilnya browww...

Baca Juga : Cara Mengaktifkan Tampilan Terbaru Gmail

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Video YouTube Responsive Pada Postingan Blog  Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Igniel
Kopi Inspirasi
Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subscribe Cuk