deZige

Menampilkan Tombol Print dan Save PDF Pada Weblog

Memasang atau menampilkan tombol print dan tombol save as PDF pada halaman weblog

Menampilkan Tombol Print dan Save PDF Pada Weblog

Menampilkan Tombol Print dan Save PDF Pada Weblog - Memasang tombol print dan tombol save PDF menjadi satu widget dalam sebuah halaman weblog dengan tujuan memberikan kenyamanan pada pembaca dengan memberikan fungsi tombol yang dapat mempermudah mereka dalam penge-print-an dan pemindahan file dari web ke jenis file PDF.

Tombol Print dan Save PDF

Seperti sebelumnya menampilkan tombol print dan tombol save to PDF dengan script yang terpisah, dalam hal ini kedua tombol tersebut menjadi dalam satu script yang bisa kita gunakan kedua fungsi tersebut (print dan save PDF).

Seperti halnya pada postingan sebelumnya tombol save to PDF menggunakan fasilitas pihak ketiga, begitupun widget print dan save to PDF ini juga menggunakan fasilitas pihak ketiga, yaitu pada alamat http://www.printfriendly.com/button.

Yang membedakan pada situs ini kita tidak memerlukan pengisian formulir pendaftaran, kita bisa langsung mendapatkan source kode dari situs tersebut dan kita bisa langsung menggunakannya pada weblog.

Halaman tombol pada situs tersebut memberikan beberapa jenis bentuk dan gaya tombol Print dan Save to PDF untuk kesesuaian dengan template yang kita pergunakan.

Kalian bisa memilih salah satu jenis tombol yang kita suka dan kita bisa langsung copy source kode yang diberikan dan meletakan tombol print dan save to PDF kedalam halaman weblog, baik diatas ataupun dibawah postingan.

Salah satu contoh source kode yang saya ambil dari situs tersebut seperti dibawah ini:

<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;margin:0 6px"  src="http://cdn.printfriendly.com/pf-print-icon.gif" width="16" height="15" alt="Print Friendly Version of this page" />Print <img style="border:none;-webkit-box-shadow:none;box-shadow:none;margin:0 6px"  src="http://cdn.printfriendly.com/pf-pdf-icon.gif" width="12" height="12" alt="Get a PDF version of this webpage" />PDF</a>

Letakan source kode tersebut diatas <data:post.body/> jika menginginkan tombol print ditampilkan diatas post, dan sebaliknya jika menginginkan tombol print diletakan dibawah postingan, letakan source kode diatas tepat didibawah <data:post.body/> atau dibawah <div class='post-footer'>

Dalam situs tersebut kita bisa hanya menampilkan tombol print saja dengan berbagai pilihan warna yang cocok dengan background template yang dipergunakan.

Selamat menampilkan tombol print dan save to PDF pada halaman weblog, semoga bermanfaat.

1 comment:

  1. ini yg saya cari..smoga kali ini berhasil trims kang...

    blog bang andi | ecaknyo.blogspot.com

    ReplyDelete

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin

Kontak SosMed

.
deZige