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 memberikan tutorial yang berbeda
dengan yang lainya, yaitu cara memasang File Power Point dan PDF ke
Postingan Blog menggunkan google drive dengan fasilitas google slide. Karena
menurut saya mengupload file ke ppt ke google drive lebih enak dari pada di
slide share , entah apa alasanya saya gak tau , mungkin karen udah sering
menggunakan layanan dan fasilitas 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 agar responsive, karena ini zamanya web responsive gaes ( mobile friendly ) sehingga ketika kita pasang ke dalam blog, filenya secara otomatis ukuranya dapat menyesuaikan ( tinggi lebarnya ) dengan perangkat yang digunkan alias tidak terpotong.
Tidak hanya cara memasang file ppt atau pdf dan sejenisnya ke dalam postingan blog, melainkan kita akan memodifikasi file tersebut agar responsive, karena ini zamanya web responsive gaes ( mobile friendly ) sehingga ketika kita pasang ke dalam blog, filenya secara otomatis ukuranya dapat 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, kemudian kita upload ke google drive dan ambil kode iframeya.
Untuk lebih jelasnya ikuti tutorial berikut ini :
1. Yang pertama pastikan sobat sudah masuk ke akun gmail sobat, jika 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/
, kemudian klik
tombol " Kunjungi Google Drive "1. Yang pertama pastikan sobat sudah masuk ke akun gmail sobat, jika 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/
3. Selanjutnya kita upload file powerpoint tadi ke googledrive, caranya klik tulisan "BARU " yang bewarna merah dan kemudian klik unggah file
4. Pilih file ppt ( powerpoint ) yang akan di
unggah , contohnya disini saya akan mengupload file ppt tugas drama sekolah.
5. Tunggu Sampai uploadnya selesai 100% ( dapat
dilihat di pojok kanan bawah )
6. Setelah proses menggungah sudah selesai, kemudian kita klik link bagikan
7. Nanti akan ada jendela pop up yang mucul untuk
pengturan Acces, kita disuruh untuk setting siapa saja yang dapat mengakses
file ppt tersebut, kita setting untukPublic on the web ( umum ) aja.
8. Klik kanan file PowerPoint tadi kemudian buka
dengan google silde
9. Pada menu File klik sub menu publikasikan di web
10. Setelah itu kita ambil kode iframenya pada menu
sematkan ( hampir mirip ketika mengambil script iframe youtube dan memasukanya
ke blog ). silahkan tonton gambar berikut supaya lebih jelas.
10.
11. Langkah yang terkahir kita salin dan pastekan
kode iframe tadi pada kolom htmlbukan Compose
Sebagai contoh dari tutorial ini adalah file
powerpoint berikut
Sampai disini
cara memasang file power point ke postingan blog sudah selesai, namun syangnya
tidak responsive, jika sobat menginkan responsive bisa lanjut mengikuti
tutorial dibawah ini
Cara
Membuat dan Memasukan File PowerPoint Responsive di Blog
Sayangnya kode
embed default dari google slide tidak responsive, nah supaya powerpoint
responsive dan bisa menyesuaikan device layar, maka kita perlu menambah kode
css dan html absolut responsive caranya :
1. Pertama sobat masuk ke
Menu
template => Edit HTML , kemudian
pasang css ini diatas kode </style>1. Pertama sobat masuk ke
.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 sekarang kita masuk ke bagian postingan blog
3. Masukan kode dibawah ini pada kolom html bukan compose ( seperti tutorial nomer 10 diatas )
3. Masukan kode dibawah ini pada kolom html bukan compose ( seperti tutorial nomer 10 diatas )
v class="ppt"> <div class="ppt-responsive"> <div class="ppt-youtube loader"> Bla...bla...bla... </div> </div> </div>
4. Yang terkahir
ganti kode bla - bla dengan kode iframe dari google slide tadi, sehingga
kodenya berubah seperti ini
iv 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 kode width="480" height="389" di hapus saja.
Dan hasilnya nanti akan tampak seperti ini, silahkan sobat buka di hp android anda , maka anda akan melihat perbedaan ppt diatas dengan yang dibawah ini yang responsive
Dan hasilnya nanti akan tampak seperti ini, silahkan sobat buka di hp android anda , maka anda akan melihat perbedaan ppt diatas dengan yang dibawah ini yang responsive
Itulah cara
membuat 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, jika menginginkan file pdf maka kita
harus upload file pdf dan mengambil script iframe embednya dan memasukannya
kedalam html postingan blog.
EMOGA BERMANFAAT
BACA JUGA :
1. CARA MENGURANGI BUNCIT PERUT http://caratoni17.blogspot.co.id/2017/02/cara-mengurangi-buncit-perut.html
2. CARA/ UPAYA AGAR SEGERA MENDAPAT MOMONGAN http://caratoni17.blogspot.co.id/2017/03/cara-agar-segera-mendapat-momongan.html
3. CARA AGAR ISTRI BISA PUAS DULUAN http://caratoni17.blogspot.co.id/2017/03/cara-agar-istri-bisa-puas-duluan.html
4. CARA MENGUPAYAKAN AGAR MENDAPATKAN KETURUNAN LAKI- LAKI
5. CARA MENDAPATKAN PASANGAN YANG SHOLIKHAH
.CARA MEMBUAT AIR STRUM SEDERHANA
. CARA MENGETAHUI KUTUP LISTRIK DC YANG POSITIP DAN NEGATIP SECARA SEDERHANA
http://caratoni17.blogspot.co.id/2017/02/cara-mengetahui-kutup-listrik-dc-yang.html
4. CARA MENGAWASI ANAK REMAJA
5 CARA MENDIDIK ANAK BIAR JADI ANAK PENURUT http://caratoni17.blogspot.co.id/2017/02/cara-mendidik-anak-biar-jadi-anak.html
6. CARA MENJAGA ROMANTISME SUAMI ISTRI
7. CARA MENJAGA KEBAHAGIAAN KELUARGA
8. CARA MEMBUAT SUAMI BETAH DI RUMAH
9. CARA AGAR KITA BISA BERBUAT DENGAN IKHLAS
10. CARA AGAR TIDAK GAMPANG STREES
11. CARA MEMACU DIRI AGAR RAJIN BERIBADAH
12 CARA AGAR HARTA KITA BERKAH
13 CARA AGAR KITA DAN KELUARGA PANDAI BERSYUKUR http://caratoni17.blogspot.co.id/2017/02/cara-agar-kita-dan-keluarga-pandai.html
14 CARA MENGURANGI /MENGHILANGKAN RASA ASIN DI IKAN KERING (GEREH) http://caratoni17.blogspot.co.id/2017/02/cara-mengurangi-menghilangkan-rasa-asin.html
15 CARA MEMBUAT DAGING SATE EMPUK
16 CARA AGAR ANAK TERJAMIN PENDIDIKAN DAN PERUMAHANNYA
17. CARA AGAR BISA SEGERA DAPAT PORSI NAIK HAJI
18 CARA MENDAPATKAN PASANGAN YANG SOLIKH
19 CARA MENDAPATKAN PASANGAN YANG SHOLIKHAH
MAAF NUMPANG PROMO
PANDUAN RINGKAS MENGHASILKAN UANG DI PROPELLER ADS DISERTAI LANGKAH DAN GAMBAR
Cobalah buat sebuah blog yang paling sederhana atau bila Anda sudah memiliki sebuah blog dengan konten apapun (asal tidak gambar dan artikel tentang ancaman, kekerasan maupun gambar porno) maka bergabunhlah dengan PROPELLER ADS
PROPELLER Ads adalah salah satu alternatip mendulang dolar/rupiah di GOOGLE yang saat ini mulai berkembang dan diminati pada blogger pemula . Mengapa banyak diminati ? Sebabnya antara lain karena pendaftarannya GRATIS , operasionalnya mudah dan fleksibel serta cepat mendapatkan penghasilan.
PROPELLER Ads adalah salah satu alternatip mendulang dolar/rupiah di GOOGLE yang saat ini mulai berkembang dan diminati pada blogger pemula . Mengapa banyak diminati ? Sebabnya antara lain karena pendaftarannya GRATIS , operasionalnya mudah dan fleksibel serta cepat mendapatkan penghasilan.
Sekali lagi siapapun dapat mendaftar dan masih GRATIS untuk saat ini. Anda tak perlu menunggu sekian lama untuk dapat pendapat pengakuan (diverifikasi) dan menunggu iklannya keluar padahal blog sudah dibuat sedemikian bagus . Pokoknya banyak kemudahan deh.
Anda akan saya pandu sebagai berikut:
1.Untuk pendaftaran gratis Silakan masuk di halaman PROPELLER Ads yakni di www.propellerads.com atau KLIK DI SINI
2. Akan muncul gambar seperti di bawah ini : KLIK DI SINI
3.Pilihlah / KLIK kotak kiri bawah (BECOME A PUBLISHER)
4. GAMBAR AKAN SEPERTI DI BAWAH IN1- KLIK DI SINI2
5. KLIK Lingkaran kiri atas (Individual account) akan keluar gambar seperti ini :
6. isilah form tersebut dengan contoh seperti gab prop 4 ( bila url/http blog anda yang dimasukkan selalu gagal maka cobalah diisi dengan url youtobe anda yang masih aktip )
LIHAT GAMBARNYA ? SILAKAN KLIK DI SINI4
LIHAT GAMBARNYA ? SILAKAN KLIK DI SINI4
7. KLIK kotak bawah kanan SIGN UP AS PUBLISHER
8. Bila sudah berhasil maka gambar akan seperti ini prop 5
9.buka email anda yang tadi di masukkan dalam form pendaftaran maka akan ada email confirmation letter.seperti contoh di bawah ini gambar
10. KLIK TULISAN PALING BAWAH- FOLLOW... akan muncul seperti di baah ini gb prop 7
11. Lihatlah lagi email Anda maka akan diperoleh email ucapan selamat (welcome ) lihat contoh gambar
SILAHKAN KLIK DI SINI6
SILAHKAN KLIK DI SINI6
12. kembalilah ke halaman Propeller ads silahkan klik sebelah kanan atas , seperti gambar di bawah ini:
14. Lalu klik pada register maka akan muncul gambar seperti ini prop 11
15. Klik pada PUBLISHER dan akan muncul gambar berikut
UNTUK MELIHAT GAMBARNYA SILAHKAN KLIK DI SINI8
UNTUK MELIHAT GAMBARNYA SILAHKAN KLIK DI SINI8
16 silahkan login dengan menggunakan username email anda dan paswordnya adalah sesuai dengan kode yang diberikan pada email selamat datang (emai yang ada welcome)
17 SETELAH LOGIN AKAN MUNCUL GAMBAR DASHBOARD YANG ISINYA SEPERTI GAMBAR DI BAWAH INI, LALU KLIK PADA KANAN ATAS SEPERTI GAMBAR BAWAH INI PROP 14
18 GAMBAR AKAN BERUBAH SEPERTI DI BAWAH INI LALU KLIK SITE SEPERTI GAMBAR DI BAWAH INI YANG DITUNJUKKAN DENGAN ANAK PANAH
SILAHKAN LIHAT GAMBARNYA DENGAN CARA MENGKLIK DI SINI9
19. Tampilan gambar setelah itu adalah seperti di bawah ini . Langkah selanjutnya klik add new chanel (kotak kanan atas ) kemudian klik lingkaran yang ada tulisannya popunder (lingkaran paling atas) lalu klik next (kotak kiri bawah)
20. Silahkan klik next setelah diisi alamat blognya seperti ini prp 19
21 Copy lah kode iklan yang ditunjuk anak panah gambar di bawah ini
GAMBARNYA ADA DI SINI. SILAHKAN KLIK10
GAMBARNYA ADA DI SINI. SILAHKAN KLIK10
21.kemudian pastekan pada blog anda yang ada setelan blog meta seperti di bawah ini
SILAHKAN KLIK DI SINI11
DAN KLIK DI SINI2
SILAHKAN KLIK DI SINI11
DAN KLIK DI SINI2
22. Setelah diverifikasi maka klik add new site dan isikan url blog yang akan dipasangi iklan lalu klik submit seperti gb prop 22
23 Silakan klik get code lalu pasangkan pada blog Anda .Seperti gb Prop 23
SEMOGA BERHASIL DAN JANGAN KIKIIR UNTUK BERBAGI ILMU. TRIM
Tidak ada komentar:
Posting Komentar