Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.
Ok kita mulai saja.
- Silahkan login ke http://docs.google.com dengan account email anda.
- Klick Upload untuk mengunggah file Word / PDF
- Klick Select File to Upload untuk memilih file yang akan diunggah Kemudian Tekan Start Upload
- Tunggu sampai proses selesai, Kemudian klik Back to Geogle Docs, untuk kembali ke Home atau langsung pilih File yang akan digunakan
- Perbaiki jika ada yang perlu diedit, Pilih Share kemudian klick Publish To the Web
- Pilih Start Publish untuk memunculkan kode link
- Copy kode link pada kotak Embed Code
- 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 Scrip
<iframe width='575px' height='300px' src="https://docs.google.com/document/pub?id=1rfOJ0exFgqFuQimX5hTojbY-QPpillHPm-FZHfVq8B8&embedded=true"></iframe>
- Hasil / Output
View
0 komentar:
Posting Komentar