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 -->
<!-- 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/
No comments:
Post a Comment
Please Command here - Mohon Bicarakan / tuliskan Komentar Disini