Ikuti @PuteraJava

--

   Pada tutorial sebelumnya kita telah belajar bagaimana membuat tombol print di blog. Masih dalam hal peningkatan peforma blog dilihat dari segi fungsi, kali ini kita akan membahas bagaimana cara membuat tombol Save page as PDF pada sebuah blog. Tombol ini akan meng-generate halaman web menjadi sebuah dokumen berbentuk PDF. Sehingga seorang pengunjung dapat menyimpan bagian artikel yang disukainya untuk dibaca dirumah.

     Untuk membuat tombol Save page as PDF, ikuti langkah berikut ;

1. Login ke Blogger

2. Pilih menu Rancangan/Design

3. Klik edit HTML

4. BackUp/Restore Template --> Download Template Lengkap

5. Edit Template --> beri tanda centang pada Expand Template Widget

6. Tekan ctrl+F, ketikkan <data:post.body/>

7. Letakkan kode berikut di bawahnya ;


<!-- START: PDF Online Script -->
<script type="text/javascript">
var authorId = "B1185D0E-8E40-4E15-9D23-DDCDD1C97518";
var pageOrientation = "1";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>
<!-- END: PDF Online Script -->

8. Simpan template

keterangan :

* temukan kode <data:post.body/> atau yang sejenis. bila sobat menemukan lebih dari satu, letakkan kodenya pada yang pertama

* langkah ke-4 harus sobat perhatikan. untuk berjaga-jaga bila terjadi error

* bila ingin tombol Save page as PDF berada di atas postingan, letakkan kode di atas sebelum <data:post.body/>

* generate code disediakan oleh ; http://web2.pdfonline.com/

     Bila sobat berhasil, maka di setiap postingan akan muncul sebuah tombol Save page as pdf seperti ini ;

Sekian, semoga bermanfaat. Tinggalkan komentar ya :)