Cara Menampilkan Dokumen Office (Word, Excell, Power Point) di blog Guru

11 Nov 2010 - - 47

Kebutuhan blog yang didedikasikan sebagai blog education saya kira tidak akan lepas dari menampilkan materi pembelajaran bisa berupa presentasi maupun hasil penilaian peserta didik. Dalam kondisi offline kita dengan mudah membuat file dokumen, presentasi dan laporan daftar nilai siswa dengan menggunakan program aplikasi dari Ms. Office atau menggunakan open office, namun apabila kita ingin menampilkan secara online kadang bingung. Sebenarnya fasilitas ini sudah lama disediakana cara menampilkan file yang sudah kita buat di komputer ke blog secara online, dan mudah untuk di edit apabila ada kesalahan.

Google sebagai perusahaan raksasa di Internet sudah menyediakan fasilitas yang bisa dijadikan sebagai alternatif selain Ms. Office, seperti google Sheet sebagai alternatif selain Ms. Excel, ada Google Docs sebagai alternatif selain Ms. Word, ada juga Google Slides yang bisa kita gunakan sebagai alternatif selain Ms. Power Point, dan berbagai layanan lain yang itu semua bisa digunakan secara gratis hanya modal mempunyai akun google saja, nama produk google ini adalah Google Drive.

Pada kesempatan ini kita akan belajar bagaimana cara menampilkan file Ms. Excel di blog guru. Misal disini saya akan menampilkan file daftar nilai siswa yang sudah selesai dibuat dengan program pengolah angka populer Ms. Excel.

1. Login ke halaman drive.google.com dengan account gmail anda,
2. Upload file excel yang sudah dibuat dikomputer anda
   
3. Klik kanan pada file excel yang sudah terupload ke Google Drive, pilih Open With - Google Sheet:
   
4. Klik menu File -  Publish to the web...
   
5. Pilih opsi Embed, pilih sheet yang akan di publikasikan, kemudian klik tombol Publish
   
6. Klik OK pada kotak verifikasi, kemudian anda copy kode iframe untuk selanjutnya ada pasang di blog guru:
   
   

Catatan penting saat anda akan memasukan dalam posting blog, pastikan pilih mode EDIT HTML (bukan Compose), perhatikan gambar berikut:

Pada gambar di atas saya tambahkan pengaturan width="100%" dan height="400" pada kode penyematan dokumen yang anda dapatkan dari google drive, hal ini bertujuan supaya tampilan rapi dengan lebar maksimal 100% sesuai lebar kolom postingan, sedangkan tinggi 400 bertujuan supaya tampilan dokumen tingginya di tetapkan 400pixel, angka ini bisa anda ganti sesuai kebutuhan anda.

Dibawah ini contoh file excel daftar nilai yang sudah berhasil tampil di blog guru: