Cara Asik Memasang Tombol Print dan Cetak PDF pada Blog

5a294381

Kali ini kita akan membahas Cara Memasang Tombol Print pada Blog. Fungsi dari memasang tombol print pada blog adalah untuk memudahkan pengunjung agar dapat mencetak artikel/postingan blog yang mereka temukan

Memasang Tombol Printer di Laman Posting blog
To the point saja ya, berikut cara memasang tombol print pada blog :

1. Login akun blogger Anda. 
2. Pilih Template > Edit HTML > klik 'Expand Template Widget'.
3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
4. Jika menginginkan tombol Print berada di atas postingan letakkan diatas kode <data:post.body/>, 
5. Jika menginginkan di bawah postingan letakkan script dibawah ini tepat di bawah <data:post.body/>. Berikut script-nya

<a href='javascript:window.print()' title='Print this Page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkayurDbouiS7RauwlsvOK0qF5zmPuqjP9ZhCwgk-4-1QLQlhnnzyWY3nsga72yy3MZD7pkD19mNheQXoNKutqgMyOptvT6CZ2CerBjPtTOdGRHbniORk4KsmRTVjlcwdVcT2v51p3fnAR/s1600/printer+this+page.png'/></a> <script type='text/javascript'> var authorId = "C7AAB579-3D36-4A37-B7A1-0863E2F39F4B"; var pageOrientation = "0"; var topMargin = "0.5"; var bottomMargin = "0.5"; var leftMargin = "0.5"; var rightMargin = "0.5"; </script>
jangan lupa akhiri dengan menekan tombol Simpan Template!

Memasang Tombol Printer dan PDF di atas/bawah Laman Posting blog

Langkah-langkahnya sama dengan di atas, silahkan copy-paste di bawah atau di atas tag <data:post.body/> dengan catatan sbb: 

1. Jika menginginkan tombol Print berada di atas postingan letakkan kode script di bawah ini diatas kode <data:post.body/>, 
2. Jika menginginkan di bawah postingan letakkan script dibawah ini tepat di bawah <data:post.body/>
3. Jangan lupa, jika sudah Simpan template!

<b:if cond='data:blog.pageType == "index"'><a expr:href='data:post.url + "?pfstyle=wp"' style="margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a><b:else/><b:if cond='data:blog.pageType == "archive"'><a expr:href='data:post.url + "?pfstyle=wp"' style=" margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></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;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a></b:if></b:if>
Informasi lebih lanjut bisa klik link di bawah ini:

Share this

Agus Priyono, S.IP., MT.