Membuat Tombol Print dan PDF di Blog

Written By PENDIDIDKAN Wednesday, November 5, 2014 Add Comment Edit

Sebelumnya saya telah mengulas membuat tombol print dengan CSS, pada kesempatan ini saya akan membuat tombol Print dan PDF. Dengan memasang fasilitas tombol print dan PDF pada Blog anda akan memudahkan pengunjung untuk mencetak dan menyimpan file pada artikel diBlog anda. Untuk pemasangannya berikut ini langkah mudahnya :

Membuat Tombol Print dan PDF di Blog

1. Login keakun Blogger
2. Pilih Template » Klik Edit HTML
3. Dengan menggunakan tombol ctrl+f anda cari kode <data:post.body/>
4. Kemudian anda copy kode dibawah ini dan terapkan dibawahnya

<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>

Penjelasan :

Apabila anda ingin memasang Tombol Print dan PDF dibagian atas postingan, anda terapkan kode diatas sebelum kode <data:post.body/> dan jika anda dibagian bawah postingan anda terapkan dibawah <data:post.body/>

5. Simpan Template

Demikian Membuat Tombol Print dan PDF di Blog, semoga bermmanfaat!