Bagi blog anda yang berkategori hiburan tentu sungguh sering memasukkan atau embed video dari YouTube ke dalam artikel blog dengan beberapa macam tujuan dan memang sungguh praktis untuk melakukannya dan saya menyakini bahwa anda telah sungguh sering melakukannya. Pertanyaanya apakah anda telah puas dengan performa yang standard tersebut?
Dari sanalah muncul wangsit untuk bikin performa video-video yang dipasang di blogger terlihat lebih inovatif dan pro. Tentunya saya juga sungguh memikirkan imbas kecepatan pemuatan laman biar tidak berefek lelet dan tetap bersih.
Saya bikin dan menamai skin yang khusus untuk membalut video yang dipasang di posting blog dengan nama "Video Player Keren" atau VPK yang saya buat untuk pengguna google blogger dengan memakai murni CSS3 yang bersih dan valid. Cara kerja dari VPK ini akan memperlihatkan video yang anda embed memakai iframe dengan skin yang mirip seakan-akan performa tablet lengkap dengan kamera dibagian atasnya. Silahkan lihat demonya di bawah lalu coba untuk memutar videonya.
Persiapan :
1) Salin semua arahan dibawah ini:
2) Masuk ke Blogger lalu klik Template
3) Lakukan Back Up lalu klik Edit HTML
4) Cari arahan ]]></b:skin> lalu pastekan semua arahan tersebut tepat diatasnya.
Langkah-langkah (penerapan) :
1) Masuk ke Blogger lalu klik New Post
2) Klik Mode HTML (disamping mode Compose)
3) Cari video yang ingin anda embed dalam format iframe
4) Tempatkan Tag section dibawah ini pada mode HTML diantara arahan iframe video yang di embed. Misal
5) Klik Pratinjau lalu Publikasikan
Sekarang performa gres dari video youtube yang dipasang di posting blog akan terlihat lebih bergaya, anda cuma perlu menyertakan tag pada langkah no 4 selaku cara untuk memakai VPK pada semua video diposting blog. Semoga bermanfaat, Enjoy & Happy Coding!
Sumber https://8tutorialandroid.blogspot.com
Dari sanalah muncul wangsit untuk bikin performa video-video yang dipasang di blogger terlihat lebih inovatif dan pro. Tentunya saya juga sungguh memikirkan imbas kecepatan pemuatan laman biar tidak berefek lelet dan tetap bersih.
Saya bikin dan menamai skin yang khusus untuk membalut video yang dipasang di posting blog dengan nama "Video Player Keren" atau VPK yang saya buat untuk pengguna google blogger dengan memakai murni CSS3 yang bersih dan valid. Cara kerja dari VPK ini akan memperlihatkan video yang anda embed memakai iframe dengan skin yang mirip seakan-akan performa tablet lengkap dengan kamera dibagian atasnya. Silahkan lihat demonya di bawah lalu coba untuk memutar videonya.
Demo
Persiapan :
1) Salin semua arahan dibawah ini:
Klik ganda untuk menyalin
/* Video Player Keren /search?q=cara-terbaru-memasukkan-dan-memasang-video-youtube-keren-diblog */ .vpk{background:#d3d3cc;border:3px solid #c5cbcc;border-radius:2.5em 2.5em 1em 1em;font-family:'Arial';color:white;font-size:12px;margin-bottom:.5em;padding:1.2em 1em 1em;text-align:justify}.vpk iframe{width:100%}.vpk object{width:100%}.vpk embed{position:absolute;top:0;left:0;width:100%;height:100%}.vpk:before{background:#6d6d66;border:1px #ebf6ff;border-radius:50%;content:"";display:inline-block;position:relative;padding:1em;z-index:1;float:right;margin-right:50%;margin-bottom:5px}.vpk:after{background:#6d6d66;border:2px #ebf6ff;border-radius:0 0 1em 1em;content:"Video Player Keren (VPK)";display:block;position:relative;padding:1em} 2) Masuk ke Blogger lalu klik Template
3) Lakukan Back Up lalu klik Edit HTML
4) Cari arahan ]]></b:skin> lalu pastekan semua arahan tersebut tepat diatasnya.
Langkah-langkah (penerapan) :
1) Masuk ke Blogger lalu klik New Post
2) Klik Mode HTML (disamping mode Compose)
3) Cari video yang ingin anda embed dalam format iframe
4) Tempatkan Tag section dibawah ini pada mode HTML diantara arahan iframe video yang di embed. Misal
Klik ganda untuk menyalin
<div class="vpk"> iframe dibawah merupakan video yang ingin ditampilkan memakai VPK. <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/ID VIDEO EMBED ANDA" width="420"></iframe> </div> 5) Klik Pratinjau lalu Publikasikan
Sekarang performa gres dari video youtube yang dipasang di posting blog akan terlihat lebih bergaya, anda cuma perlu menyertakan tag pada langkah no 4 selaku cara untuk memakai VPK pada semua video diposting blog. Semoga bermanfaat, Enjoy & Happy Coding!
Posting Komentar
Posting Komentar