Ms. Office dalam Blog

Bismillah

Bersama Fatih, dalam sebuah perjalanan pulang -As Satrah- adindaku tersayang berseru, "Kak May, ajarin cara meng-upload file plus menampilkan Microsoft Office di blog dong!" Aku terperangah lalu berbalik menatapnya yang duduk di kursi depan penumpang. "Maksudnya...?"

As Satrah menjelaskan, "Begini kak, aku pengen ada fasilitas upload di blogku. Jadi mahasiswa bisa langsung mengirimkan tugasnya lewat blog. Lalu aku juga pengen tampilan postingan di blog seperti  tampilan Microsoft Excel, Microsoft Word, Microsoft PowerPoint, dll. Bagaimana caranya?"

Aku meletakkan tangan kananku di dagu, berpikir keras. Selama ini aku tidak pernah memikirkan hal tersebut. Aku jawab, "Aku tidak punya bayangan. Ada contoh?"

As Satrah langsung memberiku dua alamat blog dosen yang menjadi gagasan dan inspirasinya. Tersebutlah http://amateur-physics.blogspot.com/ dan http://herfis.blogspot.com/ MasyaAllah, aku jadi mengerti apa keinginannya setelah berkunjung ke sana. Maksud hati ingin dberikan tutorial dari si empunya blog tapi karena emailku tidak kunjung dibalas, alhasil aku beraksi dengan inspect element pada browser chrome. Subhanallah, rahasianya pun sudah bisa terkuak dengan sukses.

Berikut ini akan kupaparkan tutorialnya. Untuk yang sudah pakar di bidang ini, maklumi saja tata bahasaku yang ehem-ehem. Setidaknya aku sudah berusaha. Okay, here it is.


======== Memasukkan Fasilitas Upload File pada Blog ========
Langkah - langkah :
1. Buat akun di http://www.emailmeform.com
email me form
Sign Up on Email Me From

2. Itu adalah fasilitas buku tamu yang dilengkapi upload file.
3. Sesuaikan template dan format buku tamu yang diinginkan.
template dan format
Template Email Me Form

4. Copy code contact form yang berbentuk HTML with Javascript/CSS lalu paste ke gadget HTML/JavaScript pada blog.
code
Code for Contact Form

5. Save and Enjoy!


Alhamdulillah... Tampilannya elegan walaupun sebenarnya file yang di-upload akan diteruskan ke email. Jadi tidak ada sangkut pautnya dengan akun di blog. Biasa saja ya. Hal ini sama saja seperti memberikan alamat email kepada orang lain untuk dikirimkan file attachment. Meski begitu, ini cukup keren untuk dicoba. Suka deh!


======== Tampilan Microsoft Office dalam Blog ========
Langkah - langkah :
1. Masuk ke http://docs.google.com
google document
Google Document

2. Pilih Create dan muncullah jenis file yang ingin ditampilkan. Ada document, presentation, spreadsheet, form, drawing, table dan collection. Pilih salah satunya.
3. Kita bisa menciptakan file baru atau diimpor dari komputer.
4. Pilih Menu File lalu Publish To Web, ambil kode embed in website dan paste ke postingan blog.
5. Save and Enjoy!





Contoh Tampilan Microsoft Excel






Contoh Tampilan Microsoft PowerPoint


Selain menggunakan Google Document seperti yang terlihat di atas, bisa juga menggunakan akun yang dibuat di  http://www.scribd.com seperti contoh tampilan Microsoft Word di bawah ini.



SNTEI_Sistem Komunikasi Broadband Pada Pengguna Bergerak Dengan Kecepatan Tinggi_Nurmayanti Zain

Contoh Tampilan Microsoft Word


Alhamdulillah... Bagaimana? Menarik bukan? Silakan dicoba. Kalau tidak dimengerti, aku membuka kesempatan sebesar-besarnya untuk bertanya. Apalagi melihat tutorialku yang begitu tidak detail. Haha, bertanyalah!

Ehem... Dengan begini, sudah terbukti kalau blog itu keren. Tabaarakallahu Ta'ala... Siapa sangka, tampilan postingan blog bisa begitu manis dan kreatif. Tutorial ini amat sangat cocok untuk blog berbasis pendidikan dan pembelajaran yang punya segudang artikel jadi dengan format Microsoft Office. Selain tak perlu repot copy-paste, tampilannya tidak akan berubah. Cling~ seperti sulap!

Baiklah, sampai sini dulu tutorialnya. Adindaku As Satrah, jangan lupa traktirannya! Aku kan sudah susah payah belajar untukmu. Hihihi. Eh? Bukannya aku ya yang punya janji menraktir? Ups, kita urus di belakang panggung! Ingatkan aku yaa \(^_^)/

Akhir kata, semoga bermanfaat!!

94 comments:

  1. lhaaa ini sangat bermanfaat sekali
    terima kasih udah sharing

    ReplyDelete
  2. Aku aja nggak kepikiran sampai sejauh itu. Bikin sebuah menu untuk upload. Jadi temen-temen yang ingin mengirimkan artikelnya bisa langsung upload. Boleh di coba di blog percobaanku dulu mbak nurmayanti zain. Kalau tampilan dan keunggulannya sangat memuaskan, bisa di pasang di blog yang ane kelola.
    Makasih infonya mbak he..he..

    ReplyDelete
  3. wah ..
    nambah ilmua ..
    makasih sharingnya mbak ..
    semoga berjaya dalam GA.nya :)

    ReplyDelete
  4. makin asik lagi nih, ikutan nyimak ah ... :D

    ReplyDelete
  5. makasih mbak maya.. bisa nambah ilmu lewat posting ini.. semoga suatu saat nanti bisa memakai fitur ini :)

    ReplyDelete
  6. wihh..ada yang baru nih..!!izin coba dulu..hehe,,
    emoga menang kontesnya...traktirka nah klo menangki..hehe

    ReplyDelete
  7. Udah lama utak utik google docs, tp gk tau cara masukin ke blog! Mantep, mbak! Cateeett... ^_^

    ReplyDelete
  8. wow...mantap nih May...info paling menarik malam ini untukku.... :)
    trims for share yaaa.....
    Mayaaa... aku kangen!
    btw, sukses untuk giveawaynya yaaa.....

    ReplyDelete
  9. Bismillah,,

    MasyaaAllah kakakku,,,
    Jazaakillahu Khayr..

    Walaupun udah duluan as-satrah diajarin langsung (special) minimal kasi kesempatan orang lain juga untuk dapatin ilmunya,, ternyata memang belum terlalu banyak yang tahu yah..


    Kak May, ngumpulun pahala lagi nih karena nyebarin ilmunya,,

    Barakallaahu Fiik,,
    ^kita jangan berhenti sampai disini yah kak,,
    Trus belajar...:-)

    ReplyDelete
  10. iya.. pakai google docs...
    kemarin sempet bingung microsoft officenya kok bisa online.. eh ternyata pakai google docs.. :D

    ReplyDelete
  11. takutnya entar kalau kebanyakan makek script scriptan apa lagi plugin kek begito modem lelet udah deh gak ke load

    ReplyDelete
  12. Wah, aku malah baru kita bisa masukin tampilan microsoft office ke blog.. Thanks atas infonya! :)

    ReplyDelete
  13. wah mantap tuh bisa jadi jalan buat kirim file
    trimz ya kk nurmaya

    ReplyDelete
  14. trims ilmunya ya May
    nggak nyangka bisa ya, kalau di wp bisa nggak ya?

    ReplyDelete
  15. wahh..gadis smart..aku juga gag ngerti lho sebelumnya... :)
    thx ya May ilmunya !

    ReplyDelete
  16. kalau Google docs aku pernah pakai :)

    ReplyDelete
  17. wah.. sangat menarik.. bagus untuk dicoba..
    mm...
    selama ini saya cuma beri link untuk daftar nilai mahasiswa...
    kayaknya bagus kalo dah tampil yach..
    syukran dek atas infonya.. ;-)

    ReplyDelete
  18. Waaahhh .. bagus sekali,, mau langsung dipraktekkan saja :) boleh yah ukht? ^_^

    ReplyDelete
  19. google doc itu memang asik, aku juga pakai untuk kerjaan kantor hehe.. nice posting mba :)

    ReplyDelete
  20. masya Allah canggih...
    ehhe... iya tapi pernah nih kerepotan. ada temn adik cari nilai skul lewat dokumen scrip eh si guru atw kesalahan teknis darisana. download eror. desig... hehe..

    tapi iLmunya luar biasa.. syukronn Maya...

    ReplyDelete
  21. Aku juga pernah tuh mempelajari tentang google docs, memang banyak keuntungannya... apalagi kalau masalah input2 data.. Sukses yah give awaynya

    ReplyDelete
  22. keren...jzkillah khair atas postingannya..nice post.

    ReplyDelete
  23. wah bisa nih buat sample2 foto me huehehehe

    ReplyDelete
  24. wah ini ilmu yg berguna banget nih, thanks ya nanti aku bisa belajar juga

    ReplyDelete
  25. Saya baru tahu, ini pengetahun bari donk ya :D
    Makasih dah berbagi :D

    ReplyDelete
  26. Waaaah dapet ilmu baru, Alhamdulillah..

    ReplyDelete
  27. waaaa.. keren :)
    ternyata Ms. Office bisa di blog :D

    ReplyDelete
  28. Terimakasih sharing info-nya mbak, bermanfaat...

    Mampir lagi nih, hehe...

    ReplyDelete
  29. syukron 'alaa hadza khobir..
    kapan-kapan ajah saya prtaktekan :D

    ReplyDelete
  30. owh, gtu toh cranya. Dlu pernh singgah ke suatu web yg halamany kya bgtu. Oia, td kan suruh nanya? notelpny brapa mba? hehe..

    ReplyDelete
  31. Waah keren ya Maya. Kalo dosen ngeblog dan membuat seperti ini, pasti traffic blognya tinggi :)
    Saya izin save yah ... ^__^

    ReplyDelete
  32. Keren deh mba.. wah kayaknya aq bakal banyak tanya2.. salam kenal mb..

    ReplyDelete
  33. Ilmu baru lagi nih, Makasih infonya, Mbak. Cuma aku masih belum paham banget.

    Sukses GA-nya, ya, Mbak :)

    ReplyDelete
  34. wahh, mantab, bisa juga bikin tutorial ya may hehe, maaf baru kesini lagi, lagi mati ide soalnya :)

    ReplyDelete
  35. Oohhhh maksudnya Email yang ada fasilitas Upload nya ya, kirain Gimana hehehee

    ReplyDelete
  36. mksi ilmu nya mbak..
    ntr dicoba deh..smga berhasil..hehe

    ReplyDelete
  37. untuk adinda tersayang, apapun pasti kan dilakukan,...dan tentunya hasilnya juga bermanfaat bagi diri sendiri, btw-selamat berlomba ya, salam sukses selalu ukhti :)

    ReplyDelete
  38. your post is nice.. :)
    keep share yaa, ^^
    di tunggu postingan-postingan yang lainnya..

    jangan lupa juga kunjungi website dunia bola kami..
    terima kasih.. :)

    ReplyDelete
  39. Eh, ada ilmu baru nih....Nice share may ^___^

    ReplyDelete
  40. sukses GA nya may..nambah ilmu lagi :)

    ReplyDelete
  41. Assalamu'alaikum mb Maya :)
    Berikut ini pengumuman giveaway nge-blog yang dilaksanakan oleh RBI => http://www.rumahblogindonesia.co.cc/2012/04/pengumuman-pemenang-giveaway-nge-blog.html

    ReplyDelete
  42. @HP Yitno bener yitno :) itu seperti sebuah menu tersendiri. MasyaAllah.. semoga bermanfaat.

    ReplyDelete
  43. @Youko MasyaAllah :)
    terima kasih kembali youko~

    ReplyDelete
  44. @yudee silakan dicoba~
    nda menang ka yud, lagipula hadiahnya buku masa ditraktir =D

    ReplyDelete
  45. @alaika abdullah Mbak Al..... aku kangen!
    Ya Allah, sudah lama sekali rasanya tak bercuap-cuap bersama +_+

    ReplyDelete
  46. @As-Satrah wa iyyaki adindaku XD
    sip! tetap belajar dan belajar!
    go fight!

    ReplyDelete
  47. @naspard iya juga sih~ dipakai sesuai kebutuhan saja :)

    ReplyDelete
  48. @monda hmm.. pada dasarnya ini berbasis html/javascript mbak, jadi insyaAllah bisa kok di wp :)

    ReplyDelete
  49. @Ario Antoko sebenarnya memang sudah tidak asing lagi :)
    hanya saja baru aku pelajari~ hehe

    ReplyDelete
  50. @Dina Desriany iyee kak :D bagus ini untuk pengumuman nilai ^^ coba maki~ masyaAllah...

    ReplyDelete
  51. @Annur EL- Kareem hihihihi kesalahan jaringan x_x atau waktu publish-nya terganggu~
    masyaAllah... afwan nur..

    ReplyDelete
  52. @Mugniar iyaa bener memang kak :)
    MasyaAllah~ silakan ^^

    ReplyDelete
  53. @meutia rahmah Alhamdulillah mbak tia
    semoga bermanfaat ^^

    ReplyDelete
  54. @Rumah Blog Indonesia wa'alaykumussalam warahmatullahi wabarakatuh
    sip :) langsung meluncur ^^

    ReplyDelete
  55. menarik juga tu infonya..suatu saat akan aku coba pengen lihat hasilnya.

    ReplyDelete
  56. kakak, saya tertarik membaca artikelnya yg: Sistem Komunikasi Broadband Pada Pengguna Bergerak Dengan Kecepatan Tinggi,.. setelah saya buka, eh ternyata ada itung-itungan rumusnya, hihihhihi...

    kakak pandai sekali yaaa...
    (>.<)

    ReplyDelete
  57. @enha (>.<) suka teknik telekomunikasi juga yaa?

    ReplyDelete
  58. Wah, ternyata blog bisa secanggih itu juga ya.. Kagum deh sama orang-orang yang jago bikin-bikin gituan (gituan apaan?) :D
    Kalau saya sejauh ini sudah puas dengan blog saya yang sederhana-sederhana saja *males sih sebenernya hahaha.
    Salam kenal dulu aaah :)

    ReplyDelete
  59. @Nurmayanti Zainjhaha,,kontes makananpi pelana baru traktir nah..

    ReplyDelete
  60. @D. Nariswari MasyaAllah... teknologi semakin di depan ^^
    salam kenal~

    ReplyDelete