2 Cara Memasang Video Youtube Responsive Di Postingan Blog
Tutorial: Tips & Trik Cara Membuat, Memasang dan Menampilkan Video YouTube Responsive ke Dalam Artikel Blog
Salah satu bagaimana cara biar artikel gampang menempati halaman pertama Google, adalah dengan cara memastikan bahwa di dalamnya ada sebuah video.
Sayangnya, tidak semua orang mempunyai video sebagaimana yang diinginkannya.
Berawal dari duduk masalah itulah, kami membagikan tutorial gratis perihal cara menampilkan video YouTube ke dalam postingan blog.
Cara pertama ini merupakan cara upload video dari YouTube; akan tetapi sifatnya tidak Responsive, - Non-Mobile-Friendly.
Cukup dengan cara menekan tombol Insert a Video, maka ada 3 opsi (pilihan) yang sanggup kau pilih; apakah itu (1.) Upload dari komputer/laptop, (2.) Upload dari YouTube - My YouTube Videos, atau (3.) Unggahan dari Smartphone (Phone).
Coba perhatikan gambar di bawah ini:
Karena kau ingin menambahkan video YouTube, maka opsi kedua-lah yang harus kau tentukan. Selesai.
Karena video yang ditampilkan bersifat Responsive a.k.a Mobile-Friendly, maka kau butuh beberapa aba-aba di bawah ini.
Simpan aba-aba di bawah ini:
...di atas aba-aba </b:skin> atau </style>
Selanjutnya simpan JavaScript Codes YouTube Responsive di bawah ini:
...di atas aba-aba </body> atau <!--</body>--></body> kemudian simpan template blogger.
Selesai memasang aba-aba CSS dan JavaScript (Js) di atas; sempurna dikala ingin menambahkan video ke dalam artikel, kau harus memakai aba-aba HTML khusus di bawah ini:
Cara memasangnya, sempurna di bab mode goresan pena HTML -- bukan Compose menyerupai biasa.
Perhatikan aba-aba data-src="//www.youtube.com/embed/29sfdf83"> ini, kau harus mengubah aba-aba 29sfdf83 dengan aba-aba yang didapatkan melalui URL dari video YouTube yang akan ditambahkan.
Kami kira, tutorial cara memasang video YouTube Responsive di postingan blog cukup gampang untuk dipraktekan. Ada yang ingin ditanyakan?
Source: candysweet-aina.blogspot.com/search?q=cara-memasang-video-youtube Sumber http://addbloggerthemes.blogspot.com
Salah satu bagaimana cara biar artikel gampang menempati halaman pertama Google, adalah dengan cara memastikan bahwa di dalamnya ada sebuah video.
Sayangnya, tidak semua orang mempunyai video sebagaimana yang diinginkannya.
Berawal dari duduk masalah itulah, kami membagikan tutorial gratis perihal cara menampilkan video YouTube ke dalam postingan blog.
2 Cara Menampilkan Video YouTube Responsive di Postingan Blog
Cara pertama ini merupakan cara upload video dari YouTube; akan tetapi sifatnya tidak Responsive, - Non-Mobile-Friendly.
Cukup dengan cara menekan tombol Insert a Video, maka ada 3 opsi (pilihan) yang sanggup kau pilih; apakah itu (1.) Upload dari komputer/laptop, (2.) Upload dari YouTube - My YouTube Videos, atau (3.) Unggahan dari Smartphone (Phone).
Coba perhatikan gambar di bawah ini:
Cara Memasang Kode Video YouTube Responsive di Template Blogger
Karena video yang ditampilkan bersifat Responsive a.k.a Mobile-Friendly, maka kau butuh beberapa aba-aba di bawah ini.
Simpan aba-aba di bawah ini:
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
...di atas aba-aba </b:skin> atau </style>
Selanjutnya simpan JavaScript Codes YouTube Responsive di bawah ini:
<script type='text/j4vascript'> //<![CDATA[ // Youtube Responsive setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3); //]]> </script> ...di atas aba-aba </body> atau <!--</body>--></body> kemudian simpan template blogger.
Cara Menampilkan Video YouTube Responsive di Postingan Blog
Selesai memasang aba-aba CSS dan JavaScript (Js) di atas; sempurna dikala ingin menambahkan video ke dalam artikel, kau harus memakai aba-aba HTML khusus di bawah ini:
<div class="videoyoutube"> <div class="video-responsive"> <div class="video-youtube loader" data-src="//www.youtube.com/embed/29sfdf83"> </div></div></div> Cara memasangnya, sempurna di bab mode goresan pena HTML -- bukan Compose menyerupai biasa.
Perhatikan aba-aba data-src="//www.youtube.com/embed/29sfdf83"> ini, kau harus mengubah aba-aba 29sfdf83 dengan aba-aba yang didapatkan melalui URL dari video YouTube yang akan ditambahkan.
Kami kira, tutorial cara memasang video YouTube Responsive di postingan blog cukup gampang untuk dipraktekan. Ada yang ingin ditanyakan?
Source: candysweet-aina.blogspot.com/search?q=cara-memasang-video-youtube Sumber http://addbloggerthemes.blogspot.com
0 Response to "2 Cara Memasang Video Youtube Responsive Di Postingan Blog"
Posting Komentar