Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Preview File Word, Pdf, Power Point di Blog (Bisa di scrol)

Preview / tampilan file yang bisa discroll menambah daya tarik sebuah artikel di blog kita .

Blog yang menarik bukan hanya dari segi isi materinya saja, tetapi tampilannya juga harus menarik. Berbagi file format dokumen, baik itu word, pdf, power point akan lebih menarik jika terdapat preview nya langsung tanpa harus mendownload terlebih dahulu. Caranya yaitu

1.    Pilih file yang akan di sisipkan, upload di google drive (Baca: Cara Upload file di google drive)


2.    Salin link file tersebut, Klik Kanan > Dapatkan Link > Berikan akses publik > Salin link



3.    Siapkan postingan yang akan di publish, Buat Postingan Baru

4.    Klik Tampilan HTML


5.    Ketik code berikut

<br/><iframe src="xxxx" width="468" height="500" ></iframe> <br/><br/>


("xxxx" diatas berisi link yang sudah kita copy, tinggal tempelkan.
width="468" height="500" adalah ukuran dari previewnya. jika kurang besar bisa dirubah sendiri )

 

6.    Untuk link ada bagian yang perlu diedit sedikit. Contohnya :

Link asli yang sudah dicopy seperti ini : (contoh)

https://docs.google.com/document/d/1yZ3cCP6iBYUfymp6H_HDHdTWnKjhrIEz/edit?usp=sharing&ouid=116904203898319815181&rtpof=true&sd=true

kemudian ubah bagian belakang

“edit?usp=sharing&ouid=116904203898319815181&rtpof=true&sd=true”

diganti menjadi “preview”

Sehingga code full menjadi :

<br/><iframe src="https://docs.google.com/document/d/1yZ3cCP6iBYUfymp6H_HDHdTWnKjhrIEz/preview" width="468" height="500" ></iframe> <br/><br/>

 

7.    Klik Publish dan jika berhasil akan tampil seperti ini, tentu bisa discrol.


8.  Untuk mengedit seperti biasa, teman-teman bisa merubah lagi menjadi Tampilan Menulis. Melakukan pengaturan, menambah teks seperti biasa. Merubah Tampilan HTML hanya untuk memasukan kode saja.


Selamat mencoba...

Posting Komentar untuk "Cara Membuat Preview File Word, Pdf, Power Point di Blog (Bisa di scrol)"