Selasa, 25 September 2018

cara mempercantik tampilan pdf di blog

Format file yang umum dan digemari untuk menampilkan dokumen tetap utuh dan indah adalah format PDF. Jika ingin menampilkan isi file dari sebuah file PDF pada postingan website atau blog akan diperlukan aplikasi pihak ketiga. Namun jangan khawatir aplikasi tersebut gratis, aplikasi bantuan tersebut adalah Google Drive. Google drive sendiri merupakan media penyimpanan online dengan kapasitas gratis 15GB. Tidak hanya media penyimpanan Google drive menyediakan paket office dan PDF reader secara terintegrasi.
Langkah-langkahnya sebagai berikut: 1. Kita anggap anda sudah memiliki akun Google drive.
2. Siapkan file PDF yang akan anda tampilkan
3. Upload file tersebut ke Google drive milik anda. Sebelum kita sematkan file PDF tersebut ke postingan         website/blog, perlu merubah setelan untuk share akses.
4. pilih file PDF dan klik kanan, pilih Share akan muncul dialog box seperti dibawah ini:
5. klik Get shareable link, sebenarnya dengan meng-klik ini anda sudah mendapatkan link yang bisa disematkan. Tapi link ini biasa digunakan jika file PDF anda disematkan untuk di download. 

6. Klik bagian Anyone with .... seperti gambar dibawah ini. Dan pilih More.

7. Pilih bagian Public on the Web, lalu Save.

8. Setelah muncul dialog box awal, silahkan klik Done.

Tahap untuk ubah setelan sharing telah selesai, tahap berikutnya mendaptkan kode semat dalam bentuk iframe.
1. Klik kanan pada file PDF anda dan pilih open with Google Docs.
2. Setelah terbuka di Google Docs pilih menu File lalu pilih Publish to web.

3. Akan muncul dialog box, pilih Embed lalu klik Publish

4. Silahkan copy kode yang muncul (highlight biru) untuk disematkan ke postingan anda. Kode inilah yang dapat anda sematkan pada postingan website/blog.




Setelah mendapatkan alamat link PDF nya, langkah selanjutnya adalah membuat Frame dari PDF tersebut.
1. kopi paste kode dibawah ini   

2. ganti kode ini "http://urltujuan.com" pada kode diatas dengan link yg kita siapkan tadi.
3. Ingat pembuatan kode tersebut harus dalam mode HTML ya, jangan pada mode compose.


contohnya kurang lebih seperti ini