Selain itu anda juga dapat memilih berbagai macam tampilan tombol yang secara default sudah disediakan di printfriendly.com atau anda bisa merancangnya sendiri agar lebih sesuai dengan tampilan blog milik anda. lihat tombol yang sudah dimodifikasi disini. Anda juga bisa merubah tampilan page headernya sehingga akan tampak lebih menarik dan professional, dan masih banyak lagi feature lainnya yang bisa anda manfaatkan secara gratis.
Cara Memasang Tombol Print di Blog. images:pixabay.com
Bagaimana sobat blogger... jika anda sudah mengerti dan tujuan dari pemasangan widget tombol print ini, mari kita masuk ke bagian proses pemasangannya diblog. Untuk anda yang belum familiar atau belum mahir silahkan ikuti langkah demi langkah yang kami tuliskan dibawah ini namun bagi anda yang sudah familiar dengan cara memasang widget di blog silhakan anda menuju langsung ke printfriendly.com untuk mendapatkan dan memodifikasi tampilan widget Print Friendly milik anda disana.
Ambil widget printfriendly disini
Login dahulu ke panel cPanel jika self hosting atau Dasbor pada Blogger.
Sebagai contoh:
Pemasangan di flatform Blogger.
Setelah anda berhasil login ke dasbor silahkan klik pada tanda Opsi lainnya kemudian pilih Template lalu klik tombol Edit HTML.Letakan kode dibawah ini tepat diatas kode
</head>Screenshot
<b:if cond='data:blog.pageType == "item"'><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><script type="text/javascript">var pfButtonHTML = '<a href="http://www.printfriendly.com" style="margin-top:0.5em; float:left;display:block; margin-right: 0.5em; 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/button-print-gry20.png" alt="Print Friendly and PDF"/></a>'; var pfBloggerJs; pfBloggerJs = document.createElement("script"); pfBloggerJs.type ="text/javascript"; js= "http://cdn.printfriendly.com/blogger.js"; pfBloggerJs.src=js; document.getElementsByTagName("head")[0].appendChild(pfBloggerJs);</script></b:if>Klik Simpan Template
Pemasangan di selain flatform Blogger
Jika anda ingin memasangnya di blog selain blogger anda bisa menggunakan kode dibawah ini dan letakan di lokasi dimana anda ingin menampilkannya pada halaman html milik anda.<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 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/button-print-gry20.png" alt="Print Friendly and PDF"/></a>Klik Simpan
Contoh demo di blog silahkan klik logo print berikut:
Penutup
Dari kedua metode diatas sebenarnya masih ada metode lain seperti pemasangan di Wordpress, Joomla dan sebagainya, namun secara umum kedua metode diatas sudah mewakili, tetapi jika anda ingin bertanya silahkan kiat diskusikan dikolom komentar, semoga bermanfaat. Terimakasih "Salam Bloggerism".Original Konten : ditulis oleh admin www.bloggerism.web.id pada Kamis, 26 Nopember 2015 (Do Not Copy !)
Disqus Comment