Cara Memasang Print PDF Di Atas dan Di Bawah Posting
PelangiBlog.Com - Anda mungkin bisa membaca artikel saya sebelumnya :
Nah, situs Print Friendly tidak hanya memberikan fasilitas bagi setiap orang untuk download artikel blog ke PDF dengan mudah, tetapi situ ini juga memberikan kesempatan kepada para blogger untuk memasang widget Print PDF di blog mereka.
Ya, dengan memasang widget Print PDF di blog, ini akan mempermudah pengunjung untuk download konten Anda ke bentuk PDF, khususnya bagi Anda yang memprotect konten. Ingatlah bahwa banyak juga pengunjung yang membutuhkan konten Anda dalam bentuk file, khususnya pagi para pelajar yang ingin mendapatkan banyak referensi.
Nah, caranya sangat mudah, kode script untuk widget Print PDF bisa di dapat dari situs Print Friendly. Di sana, Anda akan menemukan berbagai tampilan widget Print PDF yang sesuai dengan keinginan Anda. Tetapi, jika Anda tidak keberatan, saya sudah mengambil kode di sana dan bisa Anda pasang di blog Anda, berikut contoh gambarnya :
Anda bisa memasangnya di manapun di bagian blog Anda, tetapi saya sarankan untuk memasangnya di bawah posting, berikut cara dan langkah yang harus Anda perhatikan :
1. Login ke akun Blogger
2. Masuk Dashboard
3. Klik “Template”, lalu klik “Edit HTML”
4. Cari kode di bawah ini, lebih mudah dengan tekan CTRL + F :
<data:post.body/>
Catatan :
Di beberapa template, kode seperti ini biasanya ditemui sekitar 3 sampai 4. Pilih kode kedua saja, jika tidak berhasil, Anda bisa menerapkannya satu per satu.
5. Letakkan kode script Print PDF di bawah ini :
<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;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 class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' style='color:#6D9F00;text-decoration:none;' title='Printer Friendly and PDF'><img alt='Print Friendly and PDF' src='http://cdn.printfriendly.com/pf-button-both.gif' style='border:none;-webkit-box-shadow:none;box-shadow:none;'/></a>
Catatan :
Untuk memasang widget Print PDF di atas posting atau di bawah judul, letakkan kode tersebut tepat berada di atas kode <data:post.body/>
Untuk memasang widget Print PDF di bawah posting, letakkan kode tersebut tepat berada di bawah kode <data:post.body/>
6. Simpan template
Nah, Anda juga bisa memasang widget Print PDF di samping share media sosial di bawah posting, tetapi caranya cukup rumit untuk dijelaskan di sebuah posting, selain itu setiap template memiliki kode share media sosial yang berbeda-beda dan ada juga template yang tidak ada share tersebut. Jadi, Anda bisa mengota-atik sendiri.
Tutorial video, silahkan ditonton agar lebih jelas :
Tags:
Blogging
