Buat Link Embed Google Drive Tidak Bisa Diklik

Usuluddin, S.Kom    Selasa, Februari 25, 2020    TUTORIAL   

Buat Link Embed Google Drive Tidak Bisa Diklik

GoSEO.id - Pada video yang di embed dari Google Drive biasanya terdapat sebuah ikon pop-out yang terletak di sebelah kanan atas yang apabila diklik akan menuju ke Google Drive Preview.

Ternyata, ada beberapa pengguna yang tidak menginginkan ikon embed tersebut muncul dikarenakan menyebabkan pentalan pengunjung.

Sebenarnya tidak ada cara untuk menghapus embed pop-out pada Video Google Drive. Namun disini saya akan membuat sebuah penghalang agar ikon tersebut tidak bisa diklik.

Oleh karena itu, pada kesempatan kali ini saya akan "Buat Link Embed Google Drive Tidak Bisa Diklik" dengan cara membuat penghalangnya.

Silahkan arahkan kursor ke Pop-Out sudut kanan atas pada video berikut untuk melihat contoh:

Jika kamu tertarik dan ingin mencobanya, silahkan ikuti tahapan berikut :

Buat Link Embed Google Drive Tidak Bisa Diklik

1. Login dengan menggunakan akun blogger.com milikmu.
2. Kemudian masuk ke menu Tema ⇨ lalu klik tombol Edit HTML.
3. Copy kode dibawah ini dan pastekan tepat di atas kode ]]></b:skin>.
   

   .drive-responsive {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
   }
   .drive-responsive iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
     z-index: 1;
   }
   .drive-responsive::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 80px;
     height: 80px;
     opacity: 0;
     z-index: 2;
   }

4. Setelah itu untuk menampilkan video pada postingan silahkan gunakan kode HTML berikut :
   

   <div class="drive-responsive">
   <iframe width="560" height="315" src="https://drive.google.com/file/d/ID_FILE_GOOGLE_DRIVE/preview" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
   </div>

   Silahkan ganti ID_FILE_GOOGLE_DRIVE dengan ID file video Google Drive kamu.

5. Selesai.

Semoga artikel "Buat Link Embed Google Drive Tidak Bisa Diklik" ini bermanfaat. Silahkan tinggalkan komentar jika ada yang tidak kamu mengerti. Terima kasih telah hadir dan membaca artikel ini.