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

Jika Script belum berhasil silahkan berkomentar

25 komentar:

  1. Wahhh

    izin coba ya gan..

    ReplyDelete
  2. nice info nya gan,
    sukses buat Agan..!!

    ReplyDelete
  3. Keren gan.......

    visit : http://dongengkangagus.blogspot.com/

    ReplyDelete
  4. kayaknya bagus nihh ^_^
    nantik hasillnya seperti di blog ini ya?

    ReplyDelete
  5. mantap gan, thank untuk sharenya telah berbagi info

    ReplyDelete
  6. bookmark dulu mas ... kunjungan pertama salam kenal ya... followers 70

    ReplyDelete
    Replies
    1. Oh iya gan ,, silahkan ,, :) ,, kapan" jgn lupa di coba

      Delete
  7. oooo jdi gni ya gan caranya,,baru tau nh,,maksh gan saya dapat ilmu baru..tapi di blog saya kodenya ngak nemu gan...ada cara lainnya ngak gan..??trmksh,

    ReplyDelete
    Replies
    1. Coba cari kode 'post-footer' ini gan ,, terus copy kode yang di atas di bawah kode 'post-footer' .

      Delete
    2. Wah klo selebihnya saya kurang tau gan ,, maaf ya :D

      Delete
  8. Replies
    1. Wkwkw tetep bilang makasih atas kunjunganya :D

      Delete
  9. iki script gwe dwe opo copy paste ?

    ReplyDelete
  10. script ini data:post.bodydi templtae magazine2 koq tidak ada..
    http://almudirarizqi.blogspot.com/

    ReplyDelete