Sabtu, 05 April 2014

Cara memberi tombol Print dan Save PDF di Blog

Kali ini Baharshare akan memberikan tutor Cara memberi tombol Print dan Save PDF di Blog. tombol ini sangat berguna untuk blog yang berisi artikel-artikel atau berita yang memudahkan pengunjung untuk menyimpan postingan kita dalam bentuk pdf atau pun print.

ok tanpa perlu lama-lama lagi mari kita coba :
1. Pilih Template
2. Klik Edit HTML dan centang Expand template widget
3. Cari kode <p><data:post.body/></p> . untuk lebih cepatnya tekan CTRL+F dan ketikan kode tersebut
4. Baharshare akan memberikan 2 cara untuk menaruh tombol ini .
  • Di atas postingan = seperti Baharshare .masukan script di bawah ini tepat di atas kode <p><data:post.body/></p>
  • Di bawah Postingan = masukan script di bawah ini tepat di bawah kode <p><data:post.body/></p> 
<b:if cond='data:blog.pageType == &quot;index&quot;'><a class='printfriendly' expr:href='data:post.url + &quot;?pfstyle=wp&quot;' style='margin-right:1em; color:#6D9F00; text-decoration:none;' title='Klik disini untuk Menyimpan Artikel ini dalam Bentuk PDF'><img alt='Print Friendly and PDF' src='http://cdn.printfriendly.com/pf-button-both.gif' style='border:none;'/></a><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><a class='printfriendly' expr:href='data:post.url + &quot;?pfstyle=wp&quot;' style=' margin-right:1em; color:#6D9F00; text-decoration:none;' title='Klik disini untuk Menyimpan Artikel ini dalam Bentuk PDF'><img alt='Print Friendly and PDF' src='http://cdn.printfriendly.com/pf-button-both.gif' style='border:none;'/></a><b:else/><script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/><a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print(); return false;' style=' color:#6D9F00; text-decoration:none;' title='Klik disini untuk Menyimpan Artikel ini dalam Bentuk PDF'><img alt='Print Friendly and PDF' src='http://cdn.printfriendly.com/pf-button-both.gif' style='border:none;'/></a></b:if></b:if>

5. Klik pratinjau untuk melihat kondisi tampilan blog jika berubah sebaiknya batalkan
6. jika sudah Klik Save template Print Friendly and PDF

0 komentar:

Posting Komentar