- Silahkan login ke http://docs.google.com dengan account gmail anda.
- Klik tab Upload yang berada di sebelah kiri atas layar monitor anda.
- Klik tombol browseโฆ di bawah tulisan Browse your computer to select a file to upload:
- Masukan file yang ingin anda upload (word, excel, power point).
- Klik tombol Upload File yang ada di sebelah bawahnya.
- Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda).
- Jika sudah terupload, anda bisa mengeditnya jika mau.
- Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document is not yet published.
- klik tombol publish now yang ada di bawahnya.
- Jika sudah selesai, lihat kembali ke bagian bawahnya!
- Klik link bertuliskan More publishing options.
- Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih HTML to embed a webpage.
- Klik tombol Generate URL.
- Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya.
- Silahkan di close saja window nya.
- Silahkan anda sign out dari google docs jika mau.
- Selesai.
Langkah 2 : posting kode google docs ke blogger.
- Silahkan login ke blogger dengan ID anda.
- Klik Posting Baru.
- Silahkan anda buat postingan yang anda inginkan.
- Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose)
- Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan.
- Klik Tombol MEMPUBLIKASIKAN POSTING.
- Silahkan lihat hasilnya.
- Selesai.
Berikut adalah contoh file excel sederhana yang saya buat untuk menerangkan tutorial ini : Sekarang anda sudah tahu cara menampilkan file excel di blog kan? ada lagi tambahan nih dari kang rohman. Berikut adalah contoh kode HTMl yang di berikan oleh google docs : <iframe width=’500′ height=’300′ frameborder=’0′ src=’http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true’></iframe> Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, masih ingatkan dengan perintah iframe yang pernah saya posting di โmengenal perintah iframeโ? tentunya kode yang di berikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=โyesโ ataupun scrolling=โautoโ pada kode iframe di atas. contoh kode yang memakai scrolling : <iframe width=’500′ height=’300′ frameborder=’0′ scrolling=’yes’ src=’http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true’></iframe> Ataupun seperti ini : <iframe width=’500′ height=’300′ frameborder=’0′ scrolling=’auto’ src=’http://spreadsheets.google.com/pub?key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true’></iframe> Dengan anda menambahan kode seperti itu, maka walaupun file anda mempunyai lebar serta tinggi yang melebihi halaman posting anda, pembaca dapat menggesernya dengsn leluasa memakai scrolling. Selamat mencoba!
Leave a Reply