Cara membuat save page as PDF tool pada blog

Tak jauh berbeda dengan tool print this page, tool "save page as PDF" ini memiliki fungsi untuk menyimpan halaman pada website ke dalam format PDF. tool ini sangat berguna seperti apabila disaat kita membutuhkan bahan presentasi, kita dapat menyimpan bahan yang kita dapatkan dari suatu website ke dalam format PDF. setelah itu kita tinggal mempresentasikannya. namun, tidak semua website atau blog memiliki tool ini.

tool Save page as PDF juga dapat kita pasang pada blog kita. widget ini merupakan salah satu widget yang dapat mempercantik blog. cara memasang save page as PDF ini sangat mudah. berikut ini contoh atau preview dari print this page :


Tutorial membuat tool save page as PDF :
Kita bisa meletakkan tool ini di berbagai macam tempat pada blog kita seperti di atas postingan, di bawah postingan, di sidebar, dll. berikut ini script save page as PDF yang akan kita pasang.

Script save page as PDF :
<a href="javascript:printWindow()" title="Print this Page">Save this Page as PDF</a> <script type='text/javascript'>
    var authorId = "C7AAB579-3D36-4A37-B7A1-0863E2F39F4B";
    var pageOrientation = "0";
    var topMargin = "0.5";
    var bottomMargin = "0.5";
    var leftMargin = "0.5";
    var rightMargin = "0.5";
</script>
<script>
//<![CDATA[
document.write('<a href="javascript:savePageAsPDF()" title="Save this Page as PDF"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJlB0aiddlonFo3hyphenhyphent4DE6v6FZnvK5B02ke4cdDHz-BOHP8f7VLfjRFby0Oxo8FAHEeYMTVT8DoiN6xFxV_nTHbD4PTw9QG7_oi0dkZ_Z-6IP7tHchNnBp038hkmV6YoSdwYwYj1w0km4/s800/pdfnew.gif" target="_blank"></a>');

function savePageAsPDF()
{
    var sUriRequest = "";

    sUriRequest = "author_id=" + authorId;
    sUriRequest += "&page=" + pageOrientation;
    sUriRequest += "&top=" + topMargin;
    sUriRequest += "&bottom=" + bottomMargin;
    sUriRequest += "&left=" + leftMargin;
    sUriRequest += "&right=" + rightMargin;

    // savepageaspdf.pdfonline.com
    var pURL = "http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=" + escape(document.location.href) + "&" + sUriRequest;
    window.open(pURL, "PDFOnline", "scrollbars=yes,resizable=yes,width=640,height=480,menubar,toolbar,location");
}
//]]></script>
Keterangan kode :
Apabila ingin mengganti teks "Save this Page as PDF" dengan gambar, hapus teks tersebut dan masukkan kode berikut ini :
<img src="URL GAMBAR"/>
Contoh :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0moYvQP35gvfQHgQZ2GCNnS63f8zSNhpeCDIJJ7lAUHmkDjeABCCn4jX5nyIkOMfWyqxqtU-W4YUadXE5YlgOs2gcyDJVsWOPYc3J3hxYU5fSlq5Yt3b0fCr7GIoSKWsSoLcWXdSYBCw/s800/print.gif"/>
Sekian tips dan trik blog dengan cara memasang save page as PDF pada blog. semoga bermanfaat sobat!

2 komentar:

  1. gak bisa di coba nih sobat :)

    BalasHapus
  2. Kebetulan, ini nih yg saya cari-cari. Saya coba dulu ya :)

    Oh ya, klo pas save ato print, header & widget-widget blognya ikut kebawa juga ga?

    BalasHapus