Dua Cara Memasang Tombol Print dan PDF Pada Blog . Dengan memasang fasilitas tombol print dan PDF pada Blog anda akan memudahkan pengunjung ...
Dua Cara Memasang Tombol Print dan PDF Pada Blog. 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.
Cara Pertama : Membuat Tombol Print dan PDF di Blog
Login keakun Blogger
Pilih Template » Klik Edit HTML
Control F » Cari kode <data:post.body/>
Kemudian anda copy kode dibawah ini dan terapkan dibawah atau diatsnya.
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/>
Cara Kedua : Membuat Tombol Print dan PDF di Blog
Login keakun Blogger
Pilih Template » Klik Edit HTML
Control F » Cari kode <div class='post-footer-line post-footer-line-1'>
Kemudian anda copy kode dibawah ini dan terapkan dibawah atau diatsnya.
Penjelasan :
Kode di atas bisa ditempatkan di mana saja, termasuk bisa disimpan "sejajar" dengan tombol Social Share, About Author Box dan di beberapa posisi lainnya sesuai design template sobat.
Cara Pertama : Membuat Tombol Print dan PDF di Blog
Login keakun Blogger
Pilih Template » Klik Edit HTML
Control F » Cari kode <data:post.body/>
Kemudian anda copy kode dibawah ini dan terapkan dibawah atau diatsnya.
[<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/>
Cara Kedua : Membuat Tombol Print dan PDF di Blog
Login keakun Blogger
Pilih Template » Klik Edit HTML
Control F » Cari kode <div class='post-footer-line post-footer-line-1'>
Kemudian anda copy kode dibawah ini dan terapkan dibawah atau diatsnya.
[<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 1;var pfHideImages = 1;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 1;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;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a>]
Penjelasan :
Kode di atas bisa ditempatkan di mana saja, termasuk bisa disimpan "sejajar" dengan tombol Social Share, About Author Box dan di beberapa posisi lainnya sesuai design template sobat.
COMMENTS