Kamis, 12 April 2018

Terdapat beberapa isu yang berkaitan dengan paparan kandungan dalam templat responsif blogger, yang berkaitan dengan kandungan video yang berasal dari youtube. Sekiranya rakan saya cuba memasukkan video dari youtube menggunakan kod tertanam lalai ke blogger maka paparan videonya tidak akan responsif alias tidak mengikuti template, dan ini akan mengganggu fungsi dan keberkesanan template responsif yang kami gunakan, serta kod kucing asli bawaan tidak mesra SEO. Penyelesaiannya? Cara membuat video youtube responsif dan mesra SEO akan dibincangkan dalam siaran ini.

Cara Paling Mudah Membuat Video Responsif Youtube di Blogspot - Sebelum ini Admin telah menyediakan banyak tutorial yang berkaitan dengan youtube. Seperti membuat abis youtube yang sejuk, youtube berputar secara automatik, menanamkan teknik youtube, dan bagaimana membuat video youtube supaya respons penuh dengan menggunakan kod skrip java.

Walaupun perbincangan ini tidak mempunyai persamaan dengan tutorial untuk mencipta pandangan video responsif youtube responsif sebelum ini, tetapi cara Admin akan berkongsi masa ini lebih mudah diterapkan dan mudah berlatih. Dan sangat ringan untuk memakai blog kegemaran anda agan aganwati semua, kerana silap mata untuk menjadikan video begitu responsif kali ini tidak menggunakan kod skrip java tetapi semata-mata hanya menggunakan kod CSS sahaja.

Bagaimana anda berminat, jika anda tertanya-tanya bagaimana paparan video youtube tertanam dengan menggunakan silap mata ini. Kawan tidak perlu pergi jauh atau keliru untuk melihat blog demo. Kerana blog yang anda sedang melawat juga menggunakan cara ini.

Masih tidak percaya bahawa dengan menggunakan teknik ini, mana-mana video yang membenamkan rakan dapat responsif penuh dan secara automatik boleh menyesuaikan lebar alat yang digunakan untuk mengaksesnya. Silakan lihat salah satu jawatan kami di mana terdapat video yang disematkan, salah satu Cara Paling Baru untuk Membuat Gmail E-mel Tanpa Pengesahan.

Jika anda ingin mencuba, dan ingin membuktikannya secara langsung jika menggunakan kaedah ini semua jenis video yang anda benamkan alias yang responsif boleh melaraskan lebar semua peranti yang mengaksesnya secara automatik, sila ikuti langkah-langkah di bawah.

Mula-mula, sila kawan dahulu masuk ke akaun blogger masing-masing.

Pada halaman papan pemuka blogger, klik templat (tema) >>> Edit HTML >>> Kemudian cari kod "]]> </ b: skin>" tanpa petikan.

Petua: Untuk memudahkan kod ""]>> </ b: skin> "di templat blogspot anda. Klik di mana sahaja di kawasan kod dan tekan CTRL + F. Selepas itu, akan muncul di penjuru kanan sebelah atas kotak untuk memasukkan kata-kata yang ingin dicari. Tampalkan kod dalam kotak yang disediakan kemudian tekan Enter.

Selepas itu anda akan melihat kod "]]> </ b: kulit>" yang diberikan dalam kuning. Jika templat blogger anda tidak menggunakan kod ini, maka penyelesaian itu mencari kod </ style>.

Sebaik sahaja anda mencari kod itu, salin skrip CSS disisipkan di bawahnya.

/* CSS Only */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

Supaya lebih jelas, silakan kawan-kawan lihat gambar di bawah ini.

Keterangan :
No 1 : Tempat memasukkan kode pencarian
No 2 : Tempat meletakkan kode CSS youtube responsive.

Klik simpan templat.

Selesai, sejak itu semua jenis video terbenam akan responsif, untuk membuktikan kebenaran. Rakan-rakan boleh berlatih segera, jika ada masalah atau cadangan yang membina, sila masukkan di dalam kotak komen di bawah.

Bagaimana sob! Video itu responsif sekarang?

Oleh itu, maklumat terkini Admin boleh mendedikasikan kepada pelawat setia blogtipsintrik.com tentang "Cara Paling Mudah untuk Membuat Youtube Video Responsif di Blogspot", terima kasih mungkin berguna.

0 komentar:

Posting Komentar

Trik Cara Sadis Merebut Pacar Orang Tanpa Ketahuan

hallo selamat malam kawan-kawan kali ini saya akan membagikan tips dan trik dalam dunia percintaan, apalagi anda seorang jomblo sangat tepa...

Postingan Populer

Arsip Blog