Terkadang ada beberapa file yang berupa power point (PPT) yang akan kita masukkan dalam blog. berikut adalah langkah-langkahnya:
1.
Buka
https://www.google.com/drive/
Kemudian
klik tombol “Go to Drive”
2.
Selanjutnya
klik New
3.
Klik
Upload File
4.
File
akan diloading untuk upload, tunggu sampai selesai
5.
Setelah
proses menggungah sudah selesai, kemudian kita klik link share
6.
Klik
Advanced
7.
Pilih On – Publick on
the Web, kemudian “Save”
8.
Klik “Done”
9.
Klik kanan file PowerPoint tadi kemudian buka dengan
google silde
Pada menu File klik sub menu publikasikan di web
10. Pada menu File klik sub menu “Publish to the
web”
11. Mengatur besaran tampilan, kemudian klik “Publish”
12.
Langkah yang terkahir kita salin dan pastekan
kode iframe tadi pada kolom html bukan compose
13. Pertama sobat masuk ke Menu template =>
Edit HTML , kemudian pasang css ini diatas kode </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}
.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}
14. Simpan template dan sekarang kita masuk ke
bagian postingan blog
15. Masukan kode dibawah ini pada kolom html bukan
compose ( 11 diatas )
<div class="ppt">
<div class="ppt-responsive">
<div class="ppt-youtube loader">
Dst...dst ...
</div>
</div>
</div>
16. Yang terkahir ganti kode dst - dst dengan kode
iframe dari google slide tadi, sehingga kodenya berubah seperti ini
<div class="ppt">
<div class="ppt-responsive">
<div class="ppt-youtube loader">
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR_TA2rdn7LqMA5ydiifzrbB-0nkgoD53EFTIJNw1wH7EUQWNFalRr_VLJQcUeTyLkljj8hK69eCBOA/embed?start=true&loop=true&delayms=3000"
frameborder="0" width="816" height="1085" allowfullscreen="true"
mozallowfullscreen="true"
webkitallowfullscreen="true"></iframe>
</div>
</div>
</div>
Selamat Mencoba
sampai di point 13 sy bingung. tidak ada tampilan gmbarnya kah?
BalasHapusterima kasih, sangat bermanfaat
BalasHapusMasih bingung
BalasHapus