[Tutorial] HTML to PDF pada WordPress

18

Pasti udah gak asing istilah dari HTML to PDF, yaitu proses pengkoversian halaman HTML menjadi dokumen PDF. Ini merupakan hal yang biasa memang, tapi bagaimana aplikasi ini di aplikasikan pada halaman wordpress atau website kita ?

Pada kesempatan kali ini ciebal mencoba berbagi sedikit pengetahuan ciebal bagaimana caranya membuat HTML to PDF pada halaman WordPress kita. Dan contohnya bisa dilihat pada akhir posting ini. :) OK pasti udah gak sabar kan? sekarang kita mulai membuatnya. Hasil akhirnya di bawah postingan kamu akan ada gambar kyk gini neh.. :mrgreen:

html2pdf

1. Download File pendukungnya DI SINI atau DI SINI (hanya 6.03 KB)

2. Upload file yang tadi kamu download pada hosting kamu, lalu extract filenya dan otomatis akan membuat folder baru pada file manager kau yaitu “html2pdf“.

3. Setelah selesai, kamu buka file singel.php yang ada di theme kamu dan sisipkan script berikut ini setalah code <?php the_content(); ?>

<hr />
<script src="https://www.blog-kamu.com/html2pdf/pdfbutton.js" type="text/javascript">
</script><a href="javascript:savePageAsPDF()"><img src="https://http://www.blog-kamu.com/html2pdf/save_as_pdf.gif" target="_blank" alt="Save web page to PDF" width="128" border="0" height="26"></a>

code
4. Simpan hasil kerjaan kamu dan coba buka wordpress kamu. Selamat WordPress kamu telah ditambahkan aplikasi HTML to PDF atau Web to PDF.. :D

Penjelasan
Rasanya kurang pas kalau ciebal hanya memberi tutorial tanpa memberikan penjelasan mengenai ini semua. :)

File singel.php = File ini berfungsi jika postingan kamu yang di tampiklan (Seperti yang kamu baca sekarang). Kamu bisa menyisipkan script di atas pada file page.php jika kamu ingin menyisipkan aplikasi ini pada halaman wordpress kamu contoh halaman pada blog ciebal adalah about  me, download, video hot, dll.

<?php the_content(); ?> = Code ini merupakan function untuk memanggil posting, maka saya sarankan javascript yang di atas di sisipkan setelah <?php the_content(); ?> karena nanti aplikasi ini akan tampil setelah posting selesai.

File yang kamu download berisikan 2buah file yaitu gambar dan javascript, dan pada aplikasi ini saya dibantu oleh freepdfconvert.com yang menyediakan aplikasi online untuk menyimpan halaman web menjadi dokumen PDF.

pada script diatas, tinggal kamu sesuaikan aja URLnya sehinggal kedua file yang kamu download bisa di akses.

Bagaimana cara menggunakannya..?

Caranya gampang kok, kamu tinggal klik tombol Save Page As PDF lalu akan muncul gambar seperti ini :

html2pdf-loading

Trus klo udah beres loadingnya, nanti ada Link untuk Mendownload File PDFnya :

html2pdf-download

Trus klo ada IDM langsung masuk deh ke IDM.. :D

html2pdf-download-idmTrus klo udah beres download, nti bakal jadi dokumen PDF, contohnya kek gini.. :D

html2pdf-finish

Jika belum jelas dengan penjelasan ini, silahkan isi komentar di bawah ini dan saya mohon maaf karena saya juga masih belajar.. :D

Discussion18 Comments

  1. maaf saya punya permasalahan. jika ada yang bisa membantu tolonglah SOS. bagaimana cara menyisipkan script google atau chitika ke php. Terima kasih . i love you full :mrgreen: :lol:

    • ciebal

      Nampaknya situs freepdfconvert.com tidak lagi menyediakan layanan web to pdf lagi. :(
      jadi cara ini tidak bisa dipergunakan.

Leave a Reply