Skip to content Skip to sidebar Skip to footer

Cara Menampilkan atau Upload File Dokumen (PDF, Word, PPt, Excel) pada Postingan Blog

Kemarin sempat blogwalking di beberapa blog teman-teman dan juga mengunjungi forum diskusi. Ada thread yang ditanyakan oleh salah satu teman blog kami mengenai cara menampilkan file PDF ke dalam postingan blog. Sebenarnya bukan hanya file PDF saja sih, tapi semua jenis file dokumen (PDF, Word, PPt, Excel)  bisa diupload ke dalam postingan blog. Kemudian tampil dan bisa diakses oleh pembaca blog kita.
cara Menampilkan Dokumen Pdf, Word, Excel, power point di Postingan blog blogspot


Banyak blogger yang berniche tutorial komputer mengulas cara menampilkan file PDF atau jenis dokumen lainnya di blog mereka. Ketika Anda googling pun, banyak artikel yang mengulas tentang itu.

Menampilkan file dokumen ke dalam postingan blog menjadi daya tarik sendiri bagi konten kita. Dengan menampilkan file dokumen di postingan kita, pengunjung akan lebih tertarik. Selain itu, dokumen biasanya dibutuhkan oleh pembaca dibandingkan dengan menyajikan kalimat di badan postingan kita.

Misalnya gini: Ketika kita memposting format surat resmi. Pengunjung/pembaca blog kita akan lebih tertarik dengan melihat contoh dokumen, entah itu pdf atau word, dibandingkan dengan tulisan postingan kita. Sehingga, pengunjung akan mudah mengambil manfaat dari artikel kita tersebut.

Cara Menampilkan (Menyematkan/Embed) File Dokumen (PDF, Word, Powerpoint, Excel) pada Postingan Blog


Langkah ke-1: Login ke fitur google dokumen


Bagi Anda pengguna akun Google, satu akun bisa login ke berbagai produk google. Kita akan bisa login dengan akun gmail kita ke situs google dokumen. Caranya, kunjungi link berikut: https://doc.google.com. Kemudian, loginlah dengan akun gmail Anda.


Setelah Anda login, tampilan Google Dokumen akan terlihat seperti gambar berikut:


cara upload dokumen di blog

Kebetulan produk google milik saya sudah berbahasa Indonesia. Jika Anda menggunakan bahasa Inggris sesuaikan aja ya..., yang penting tempat dan fungsinya sama

Langkah ke-2 : Pilih logo Folder


Setelah tampil seperti gambar tadi, pilih ikon Folder yang ada di pojok kanan. Nantinya akan ada judul "Buka Pemilih File" ketika kursor mendekati file tersebut. Perhatikan gambar:

langkah-langkah mengupload dokumen di postingan blog


Langkah ke-3: Pilih menu 'Upload"


Setelah itu, akan tampil seperti gambar di bawah ini. Kemudian pilih "Upload"

Cara Upload File Dokumen di Blog


Dengan mengeklik "Pilih File dari Komputer Anda", Anda akan diarahkan ke Drive komputer Anda untuk mengambil file dokumen (PDF, Word, Excel, PPt). Setelah Anda pilih, silakan klik simpan

Langkah ke-4: Mengatur Publikasi Dokumen


Langkah ke-4 ini begitu penting untuk dilakukan agar file yang akan kita sematkan di postingan blog agar terbaca secara umum. Permasalahan yang sering muncul bagi blogger adalah ketika sudah berhasil mengupload dan sudah menyematkan linknya di postingan blog, malah tidak muncul oleh pembaca lain. Oleh karena itu, langkah ke-4 ini sangat penting.

Perhatikan jenis dokumen berikut:

Dokumen berekstensi Word, Excel, dan PPt atur publikasinya dengan cara:

  •  Buka File hasil upload Anda di doc.google.com, nanti akan tampil seperti gambar berikut:

contoh upload Excel di Postingan Blog

  • Kemudian Pilih Menu "File" >> Pilih Menu "Berbagi" (English: Shared) >> Pilih Kolom dan pilih "Lainnya" (English: "Others") >> Kemudian pilih "Aktif di Web". Perhatikan Gambar berikut:
Cara Mengatasi Postingan Dokumen agar terlihat oleh pembaca di blog


Dokumen berekstensi PDF, atur publikasinya dengan cara:


  •  Buka File hasil upload Pdf, Pilih simbol tiga titik lalu pilih "Drive"

Cara agar pdf muncul atau terbaca dalam postingan blog
  • Anda akan diarahkan pada situs drive.google.com milik Anda. Aktifkan rantai hingga berwara hijau, kemudian pilih "Setelan Berbagi"

Cara embed pdf agar tampil publik
  • Kemudian, pilih menu Rantai >> Pilih "Setelan Berbagi" >> Pilih Kolom dan pilih "Lainnya" (English: "Others") >> Kemudian pilih "Aktif di Web. Perhatikan gambar animasi berikut:

cara mempublikasikan pdf di blog

Langkah Ke-5: Mengcopy format link yang akan disematkan (Embed Link) pada postingan 


Untuk menyematkan/embed link dokumen berformat Word, Excel, dan PPt. Link Penyematan dillakukan dengan cara:

  • - Buka file Word atau Excel atau PPt di doc.google.com
  • - Akan tampil secara online dokumen tersebut, lalu piih menu bar "File" dan pilih "Publikasikan di web"
  • - Lalu copy kode HTML yang ada di kolom tersebut, lalu klik "Publikasikan"
cara menyematkan tautan dokumen pada blog

Untuk menyematkan/embed link dokumen berformat pdf, dilakukan dengan cara:

  • - buka file Pdf yang sudah Anda upload
  • - akan tampil secara online dokumen tersebut seperti gambar, lalu pilih menu atau simbol titik tiga, kemudian pilih "sematkan item"
Cara Membagikan file pdf di blog

Langkah Ke-6: Mem-paste-kan kode HTML di postingan


Selanjutnya, Anda tinggal memposting kode HTML di postingan blog. Ingat, format inputnya harus dalam bentuk "HTML", bukan "Compose"

baca juga: Menjadi blogger, apa saja yang mesti diperhatikan?
Jika Anda berhasil mengikuti langkah-langkahnya di blog ini, maka akan tampil seperti berikut:

Format Word:


Format Excel:


Format Power Point (PPT)

Format PDF
Selama memposting artikel ini, saya juga akan membagikan tutorial ini dalam bentuk video. Tunggu saja ya ....

Itulah cara menampilkan atau upload file dokumen (Pdf, Word, Excel, Ppt) pada postingan blog. Semoga bermanfaat ....
Syahandrian Eda
Syahandrian Eda Seorang pelajar yang tak berhenti untuk belajar

15 comments for "Cara Menampilkan atau Upload File Dokumen (PDF, Word, PPt, Excel) pada Postingan Blog"

  1. Terimakasih.. Artikel nya sangat bermanfaat

    ReplyDelete
  2. terima kasih, Kak Ari Kurniawan ... telah berrkunjung di blog ini.

    ReplyDelete
  3. mau tanya dong nanti file yang sudah di upload bisa di download pembaca kak.?

    ReplyDelete
  4. CARA MENEMPELKAN HTML NYA GIMANA MBA. ?

    ReplyDelete
  5. trimakasih informasinya
    sangat membantu

    ReplyDelete
  6. makasih banget kak, artikel seperti ini yang sangat dibutuhkan, dari semua blog mereka kasih cara buta (tanpa gambar) sedangkan docs.google.com seiring bergantinya waktu akan terus diupdate dan jadi berbeda.
    dengan adanya gambar yang disertakan, itu mempermudah pemula untuk memahami maksud daripada artikel tersebut.

    ReplyDelete
  7. Wah, blog ini sudah ada iklannya. Sejak kapan daftar di adsense admin?
    thanks

    ReplyDelete
  8. Nice post membantu saya untuk bisa mengatur ukuran panel nya. Salam.

    ReplyDelete
  9. Assalamualaikum. Mohon pencerahannya. Semua langkah sudah saya ikuti ,tapi ketika file word saya publikasikan,dan saya lihat dalam pratinjau, hasilnya ada yang morat-marit..tdk seperti ketika upload file PDF.
    Bagaimana nyetinggi..Terimakasih. Barakallah..Aamiin

    ReplyDelete
    Replies
    1. tambahkan ini gan .... height="400" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQbtIA87IXA63qLNMMG9V1Di1GUhQs9iUvZ_yDZbgyBe_m8qwzIAyUEPAOJ-wbKeTdWNfja67xhSEEi/pubhtml?widget=true&headers=false" width="95%"
      untuk mengatur tinggi dan lebarnya.... terimakasih.. semoga bisa membantu

      Delete
  10. terimakasih sangat membantu., saya sudah berhasil memasang di blog saya

    ReplyDelete