Cara menampilkan dokumen office (word, excell, power point) di blog

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 kita bingung bagaimanile-file dokumen kita secara mudah dan cepat. 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. Ternyata eh ternyata, Google sebagai perusahaan raksasa di Internet sudah menyediakan software yang mampu mengonlinekan f Google, cuma kadang kita tidak menggunakanya karena belum adanya kebutuhan untuk menggunakan fasilitas ini.


Pada kesempatan ini kita akan belajar bagaimana cara menampilkan file SpreedSheet (Excel) di blog. Misal disini saya akan menampilkan file daftar nilai siswa.
  1. Login ke halaman http://docs.google.com  dengan account gmail anda, atau bisa juga menggunakan email lain (yahoo atau ymail) yang sudah terverifikasi google.
  2. Upload file excel yang sudah dibuat dikomputer anda
     
  3. Sebelum mengklik tombol start upload beri centang pada convert documents, presentations, and spreedsheet to the coresponding Google Docs formats.
  4. Kemudian buka file excelnya, contoh: klik daftarnilai

  5. Setelah terbuka, kemudian klik Share pilih Publish as a web page dipojok kanan atas.

  6. Kemudian akan muncul kotak yang berisi tentang pilihan dari sheet mana aja yang akan ditampilkan atau bisa juga di pilih semua, lalu klik Start Publishing
  7. Selanjutnya pada pilihan Get a link to publish data pilih HTML to embed in a page

  8. Copy kode yang tampak ke postingan di blog.
  9. Selesai
Kelemahan dari lampiran file di blog ini akan membuat loading page menjadi lambat karena update dari file tersebut dilakukan setiap 5 menit dan data tersebut akan selalu terupdate apabila ada perubahan pada file sumbernya di docs.google.com

Dibawah ini contoh file excel daftarnilai yang sudah berhasil di upload ke doc.google.com


Catatan:
Kode tersebut dimasukan di dalam posting blog dalam mode edit html (bukan compose).

Update 13 April 2012
Pada langkah ke 5 diatas tampilan terbaru setelah file office yang sudah kita upload hasilnya seperti gambar berikut:
Setelah klik sub menu Publish to the Web, maka akan tampil seperti gambar berikut (sama seperti pada langkah 7):
Setelah kode tampil, silahkan anda copy paste ke dalam posting blog anda.

Info yang sangat bermanfaat mas buat orang Gaptek kayak saya
salam kenal....
saya tunggu posting berikutnya....


gapteker.

Mr. Mung at 2 Maret 2011 19.16

oya.... makasih kunjunganya...

tuengkyu. .

Nono's Blog at 16 Juli 2011 00.04

terima kasih. info ini sangan berguna bagi saya..

Firman_Nugroho at 16 November 2011 13.03

nice info

Agus Arianto at 5 Desember 2011 11.05

makasih mas

Blog Tutorial at 10 Desember 2011 08.13

Wah mantap banget gan...tutorialnya, tetapi untuk google doc yang terbaru sepertinya susah mau di share atau publish di blog..kira2 ada solusinya ga

Dina Rahma at 2 Januari 2012 12.53

thank

Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

keladi tikus at 29 Februari 2012 10.40

aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

keladi tikus at 29 Februari 2012 10.50

Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

Setelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu

crystal x nasa at 29 Februari 2012 11.26

Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil

obat crystal x at 29 Februari 2012 11.28

Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

jual crystal x at 29 Februari 2012 11.30

Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil

kristal x at 29 Februari 2012 11.33

Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

Tipsnya sangat Infomatif, wajib dicoba salam sukses

keputihan at 29 Februari 2012 11.38

Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

Saat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu

femi herbs at 29 Februari 2012 11.47

cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

Wibesite yang menarik di dalamnya banyak Artikel dan Tips yang mengandung Ilmu Pengetahuan, Harus dicoba.Terimakasih

Artikel yang benar benar sangat infomantif dan Kreatif. boleh dicoba, sukses selalu

setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

vagina bau at 29 Februari 2012 12.04

Baru kali ini saya membaca Artikel yang sangat membangun. Boleh dicoba

boleh di coba tipsnya dan artikelnya

Tipsnya boleh dicoba, Artikelnya sangat bermanfaat.

Terimaksih untuk info yang sangat efektif, boleh dicoba.

Terimaksih untuk Info yang sangat Amazing, boleh dicoba.

Risqk at 12 April 2012 13.44

keren sob, sy uda coba cuma sampe "pilihan sheet n html embed" gak nemu....tolong pencerahannya, maturnuwun

Mr.Mung at 14 April 2012 00.25

@Risqk: sudah saya update tampilan terbaru sekarang. sedikit beda dg yg lama.

converse en france at 17 Mei 2012 16.12

tetapi untuk google doc yang terbaru sepertinya susah mau di share atau publish di blog..kira2 ada solusinya ga

Mr.Mung at 18 Mei 2012 09.11

@Converse: sudah sy update utk google doc yg baru,

Ceceh Mahmudin at 16 Agustus 2012 05.30

Makasih infonya mr. mung.
Tlng utk artikel berikutnya bahasanya lebih detail. oke

Arie's Blog at 14 November 2012 08.00

mkasih infonya bos

SHEV at 29 November 2012 11.07

hehe baru tahu...akan saya coba nanti.terimakasih atas ilmunya tentang menampilkan dokumen office di blog

tips baru yang bermanfaat ..makasih gan aku mau praktekin

Sri Kuncoro SP at 24 Juni 2013 08.54

Keren... Matoer teng qyoe informasinya...

keputihan at 28 Desember 2013 15.59

thanks its a great share my bro

ginekologi at 28 Desember 2013 16.01

Tlng utk artikel berikutnya bahasan dan gambarnya lebih detail. c you next artikle

Mr. Mung at 29 Desember 2013 05.44

@ginekologi: gambar apanya ya? kurang detail...? padahal gambarnya sudah sedetail itu, apa jangan2 malah belum baca tulisanya, tapi langsung komen....? :)

makasih banyak buat tutornya gan,, sangat bermanfaat sekali nih

http://goo.gl/S7gu5q

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

.:: Iklan ::.

Koleksi Tutorial Blog

Pengertian Blog dan Cara Membuat Blog Terbaru

Cara Melakukan Posting Artikel

Cara Membuat Readmore di blog dengan Mudah

Cara Mendapat Hosting Gambar Gratis

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Cara Setting Blog Yang Baru di Buat

Cara memasang Jam Animasi di Blog

Cara memasang banner affiliate di blog

Cara menampilkan dokumen office (word, excell, power point) di blog

Changing the Read More in blogger - New Feature

Creating 'After the jump' summaries

Encode dan Decode

Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog

How to create a blog with Blogger - Video YouTobe

Membuat Banner atau Gambar Berjalan

Membuat Navigasi Halaman / Page Navigation Blogger

Membuat Site Map, Daftar Isi Otomatis Versi 2

Membuat Slide Gambar di Blog Dengan JQuery

Membuat Teks Berkedip Seperti Gadis Cantik yang Centil

Membuat Tombol Share Facebook Dengan Counter

Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)

Menciptakan blog yang keren dan elegant

Mengganti Avatar Komentator dengan Avatar MyblogLog

Mengganti Template Blogger Standard

Navbar Blogger, Amankan Blog dari DELETE

Perancangan Template Blog Baru

Posting Gambar di Blog

Script Buku Tamu Model Show Hide

Script Membuat Buku Tamu Cepat dan Praktis

Script Membuat Random Posting di Blogspot

Script Membuat Slide Photo Panorama

Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly

Tips dan Trik: Menghapus Link Subsribe Post

Video Tutorial Membuat Blog di Blogspot 1

Video Tutorial Membuat Email di Ymail

Website Penyedia Layanan Shout Box

Posting Blog Terbaru Otomatis Update di Status Facebook

Gambar bergoyang ketika di sentuh

Membuat Page(Laman Terpisah) di Blogger.com

Cara Membuka Website Yang Benar (Untuk Pemula)

Cara Mudah Custom Domain di Blogspot

Cara Custom Domain blogspot dengan Domain web.id

Cara Membuat Scroll Widget Blog

Cara Edit Menu dan Sub Menu Melalui EDIT HTML Template

Cara Mengedit Gambar Slide
Cara Setting Sub Domain dan Redirect Domain
Cara Menyimpan Javascript di Google Drive

Arsip Blog