Cara Memasang / Memasukan File Powerpoint Dan Pdf Ke Postingan Blog

Kalau biasanya kita memasukan dan memasang file DOC,EXCEL,POWERPOINT maupun PDF ke dalam artikel blog dengan slidshare namun pada kesempatan kali ini, saya akan memperlihatkan tutorial yang berbeda dengan yang lainya, yaitu cara memasang File Power Point dan PDF ke Postingan Blog menggunkan google drive dengan akomodasi google slide. Karena berdasarkan saya mengupload file ke ppt ke google drive lebih lezat dari pada di slide share , entah apa alasanya saya gak tau , mungkin karen udah sering memakai layanan dan akomodasi google , jadi suka yang ala google deh wkwkwk ( wiwiting tresno jalaran songko kulino )

Tidak hanya cara memasang file ppt atau pdf dan sejenisnya ke dalam postingan blog, melainkan kita akan memodifikasi file tersebut biar responsive, alasannya ini zamanya web responsive gaes ( mobile friendly ) sehingga dikala kita pasang ke dalam blog, filenya secara otomatis ukuranya sanggup menyesuaikan ( tinggi lebarnya ) dengan perangkat yang digunkan alias tidak terpotong.

Cara Memasang file Power Point di Blog Dengan Google Slide

Sebelum kita memasukan file ppt ke dalam postingan blog, tentunya kita harus menyiapkan file ppt yang akan ki pasang di blog terlebih dahulu, lalu kita upload ke google drive dan ambil instruksi iframeya. Untuk lebih jelasnya ikuti tutorial berikut ini :

1. Yang pertama pastikan teman sudah masuk ke akun gmail sobat, kalau belom silahkan masuk dulu
2. Setelah login ke akun gmail, langkah selanjutnya yaitu kita masuk ke google drive yang beralamatkan https://www.google.com/drive/ , lalu klik tombol " Kunjungi Google Drive "

3. Selanjutnya kita upload file powerpoint tadi ke googledrive, caranya klik goresan pena " BARU " yang bewarna merah dan lalu klik unggah file

4. Pilih file ppt ( powerpoint ) yang akan di unggah , misalnya disini saya akan mengupload file ppt kiprah drama sekolah.

5. Tunggu Sampai uploadnya simpulan 100% ( sanggup dilihat di pojok kanan bawah )

6. Setelah proses menggungah sudah selesai, lalu kita klik link bagikan

7. Nanti akan ada jendela pop up yang mucul untuk pengturan Acces, kita disuruh untuk setting siapa saja yang sanggup mengakses file ppt tersebut, kita setting untuk Public on the web ( umum ) aja.

8. Klik kanan file PowerPoint tadi lalu buka dengan google silde

9. Pada sajian File klik sub sajian publikasikan di web

10. Setelah itu kita ambil instruksi iframenya pada sajian sematkan ( hampir menyerupai dikala mengambil script iframe youtube dan memasukanya ke blog ). silahkan tonton gambar berikut supaya lebih jelas.

10. Langkah yang terkahir kita salin dan pastekan instruksi iframe tadi pada kolom html bukan Compose

Sebagai referensi dari tutorial ini ialah file powerpoint berikut

Sampai disini cara memasang file power point ke postingan blog sudah selesai, namun syangnya tidak responsive, kalau teman menginkan responsive sanggup lanjut mengikuti tutorial dibawah ini

Cara Membuat dan Memasukan File PowerPoint Responsive di Blog

Sayangnya instruksi embed default dari google slide tidak responsive, nah supaya powerpoint responsive dan sanggup menyesuaikan device layar, maka kita perlu menambah instruksi css dan html diktatorial responsive caranya :

1. Pertama teman masuk ke Menu template => Edit HTML , kemudian pasang css ini diatas instruksi </style>

.ppt{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:80%;box-shadow:1px 30px 30px -26px #818181} .ppt-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px} .ppt-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2. Simpan template dan kini kita masuk ke bab postingan blog
3. Masukan instruksi dibawah ini pada kolom html bukan compose  ( menyerupai tutorial nomer 10 diatas )

 <div class="ppt">  <div class="ppt-responsive">  <div class="ppt-youtube loader">  Bla...bla...bla... </div>  </div>  </div>

4. Yang terkahir ganti instruksi bla - bla dengan instruksi iframe dari google slide tadi, sehingga kodenya berubah menyerupai ini

 <div class="ppt">  <div class="ppt-responsive">  <div class="ppt-youtube loader">  <iframe src="https://docs.google.com/presentation/d/1DLyQwy3v48lqCacqR-B6r9ZVC9Wf8UJMY4wnrW14h84/embed?start=true&loop=true&delayms=3000" frameborder="0" width="480" height="389" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> </div>  </div> 

Karena ini sudah responsive maka instruksi width="480" height="389" di hapus saja.

Dan alhasil nanti akan tampak menyerupai ini, silahkan teman buka di hp android anda , maka anda akan melihat perbedaan ppt diatas dengan yang dibawah ini yang responsive

Itulah cara menciptakan dan memasang file powepoint ke dalam artikel blog dengan mudah, untuk yang file pdf, excel dan lain -lainya hampir sama dengan cara yang diatas , perbedaanya hanya file yang kita upload, kalau menginginkan file pdf maka kita harus upload file pdf dan mengambil script iframe embednya dan memasukannya kedalam html postingan blog.

Bagikan Artikel ini