/* widget kuis by wendy code */ .wc-qws-mhs,.wc-qws-sls{position:relative;padding:10px 15px;margin:20px auto;width:100%;background-color:#fff;box-shadow: 0 2px 15px -2px rgb(0 0 0 / 12%);border-radius:3px} .wc-qws-mhs.hidden,.wc-qws-sls.hidden,#wc-qws-start.hidden,.wc-qws-knt.hidden,.wc-qws-wkt.hidden,#wcqws-made-by{visibility:hidden;opacity:0} .wc-qws-mhs input[type=text],.blogContent .widget input[type=text]{padding:15px;border-radius:3px;margin:10px 0;width:100%;border:1px solid #ddd;outline:none;background:rgba(255,255,255,0.2);color:#444} .wc-qws-mhs input[type=text]:focus,.blogContent .widget input[type=text]:focus{border-color:#f89000!important} .wc-qws-mhs input[type=text]::-webkit-input-placeholder{color:#a5a5a5;font-size:14px} button#wc-qws-lnj,button#wc-qws-start,button#wc-qws-fns{width:100%;padding:15px;outline:none;border:0;background-color:#f89000;color:#fff;border-radius:3px;margin-bottom:10px;font-size:15px;font-weight:bold}button#wc-qws-start,button#wc-qws-fns{margin-top:25px} @media screen and (min-width:500px){button#wc-qws-start,button#wc-qws-fns{max-width:300px}} .wc-qws-sls h3{text-align:center;font-size:17px} .wc-qws-sls p{font-size:15px;margin:5px auto} .wc-qws-sls p:last-child{font-size:13px;line-height:1.5em;margin-top:15px;font-style:italic;opacity:.8} .wc-qws-knt label{background-color:#E7E9EB;display:block;position:relative;padding:10px;margin-bottom:1px;cursor:pointer;border-radius:3px;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-word} .wc-qws-knt input{border:2px solid #fff;box-shadow:0 0 0 1px #f89000;appearance:none;border-radius:50%;width:12px;height:12px;background-color:#fff;transition:all ease-in 0.2s} .wc-qws-knt input:checked{background-color:#f89000} .wc-qws-knt label:hover{background-color:#ddd} .wc-qws-knt input{margin-right:10px} .wc-qws-knt b{padding:0 6px;border-radius:50%;border:5px solid rgba(255,219,158);color:#f89000;margin-right:5px} .wc-qws-knt form:nth-child(n+2):before{content:'\2027 \2027 \2027'; display:block;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;text-indent:0.6em;margin:20px auto} /* css darkmode sesuaikan classnya jika berbeda atau hapus bagian ini */ .darkMode .wc-qws-mhs,.darkMode .wc-qws-mhs input[type=text],.darkMode .wc-qws-knt label,.darkMode .wc-qws-mhs,.darkMode .wc-qws-sls{background-color:#2d2d30;color:#fefefe} .darkMode .wc-qws-mhs input[type=text]{border-color:rgba(255,255,255,.1)}

Monday, 28 December 2020

Cara Menambahkan Slide PPt ke dalam Blog

 


# Sabtu Blogging 26 Desember 2020

Tema pada #Sabtu blogging hari ini adalah tetang memasang slide powerpoint dan google form ke dalam blog. Wah ini menarik sekali. Untuk memasang google form insya allah sudah bisa saya lakukan terutama untuk proses penilaian siswa . Saya sudah memanfaatkannya di dalam blog. Sekarang adalah bagaimana memasang slide powerpoint ke dalam blog.

Pada tulisan sebelumnya karena coba-coba maka saya tidak sempat memperhatikan langkah-langkah detailnya. Tetapi di sini saya menggunakannya adalah dengan menggunakan google drive. Agak sedikit berbeda dengan yang disampaikan Pak Brian. Terus-terang agak kesulitan melalui slideshare.net. 

Saya merasa nyaman dengan google drive mungkin karena saya biasanya menggunakan itu untuk menambahkan google form ke dalam blog. Jadi langkah-langkahnya agak sudah terbiasa. BErikut yang saya lakukan untuk menambahkan file ppt ke dalam blog :

1. Kita masuk terlebih dahulu ke dalam google drive kita.

2. Berikutnya klik New/Baru untuk mengupload file ppt kita.

3. Pilih upload file.

4. Setelah file ppt kita terupload 100% dan selesai masuk ke googledrive kita. Silahkan buka file ppt tersebut dengan google slide. Setelah terbuka di window baru, klik "File" pilih "Bagikan"

5. Ada beberapa pilihan muncul setelah kita klik  "Dapatkan link" 

a. dibatasi

b. semua orang yang memiliki link (Kita pilih yang ini)

Di sebelah kanan akan dimintai pengaturan (1) Pengakses lihat saja (2) Pemberi komentar (3) Editor Kita pilih yang pertama saja, pengakses lihat saja. Meskipun bisa disesuaikan tergantung kebutuhan.

6. Setelah semua terisi dengan tepat, kita klik Selesai/Done

7. Setelah terbuka pptnya, klik bagian "File" kemudian pilih "Publikasikan di web"

Di sini ada pilihan "Tautan" dan "sematkan"

Di bagian tautan akan ada dua pilhan pengaturan yaitu (1) memilih ukuran file ppt kita di blog, bisa kecil, sedang maupun besar. (2) memutar otomatis slide kita setelah ... detik. Silahkan pilih yang sesuai menurut AndaKita juga bisa mencentang pilihan yang ada di bawahnya yaitu:

Putar slideshow segera setelah pemutar dimuat.

Mulai ulang tayangan slide setelah slide terakhir.

8. Setelah pengaturan ukuran dan tampilan selesai kita klik sematkan. Kita akan diberi kode iframe di dalam kotak. Kita control C/copy saja semuanya.

9. Sebelumnya di dalam blog kita bagian HTML (gambar tautan) bukan di bagian compose (gambar pensil) ya?

<div class="ppt">
<div class="ppt-responsive">
<div class="ppt-youtube loader">
Dst...dst ...
</div>
</div>
</div>

10. Yang terakhir 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>

11. Kita lihat dulu di Pratinjau/Preview. Jika sudah sesuai maka kita tinggal klik Publikasikan
12. Silahkan lihat hasilnya dengan klik lihat blog.

Demikian proses memasang slide PPt  yang saya lakukan. Selamat mencoba. Semoga bermanfaat.

No comments:

Post a Comment

Kuis Kosakata

 Kerjakan soal berikut ini untuk mengecek pemahaman kalian pada penguasaan kosakata Mulai Lanjutkan Sisa waktu: 10 menit ...