Cara buat print button di blogger post

Sebuah "Print this Post" tombol akan banyak berguna pada posting blog (terutama pada tutorial dan blog resep). Sebelum menambahkan Cetak tombol ini ke blog Anda, Anda harus membuat Printer Friendly blog Anda. Anda dapat melakukan ini dengan menambahkan CSS beberapa template blogger Anda. Anda dapat memutuskan bagian mana dari halaman blog Anda harus dicetak dan bagian mana tidak boleh. Sebagai contoh akan lebih baik jika header blog Anda, sidebars dan komentar tidak muncul di cetak. Kita bisa mencapai ini menambahkan beberapa CSS printer tertentu. Jika mau, Anda dapat melihat bagaimana halaman ini akan terlihat ketika dicetak, Klik Menu File Browser Anda dan klik Print Preview. Anda akan melihat bahwa header, footer, sidebar komentar dan teks penting lainnya wont muncul di cetak.

Berikut adalah langkah-langkah untuk menerapkan hal yang sama di blog Anda :

Login ke Blogger Account Anda tapi Sebelumnya jangan lupa download template anda mana tau nantinya ada terjadi ERRORR dan klik centeng expand widget pada template tersebut kemudian cari kode :

</head>

dan letakkan kode ini diatas kode tadi :

<style type="text/css" media="print">

#header-wrapper,#header,.header, #sidebar-wrapper,.sidebar, #footer-wrapper,#footer,.date-header,.comment-link,.comment-footer,#comments,#blog-pager,.feed-links, #backlinks-container, #navbar-iframe,.dontprint {display: none;}

.post,#content-wrapper,#main-wrapper,#main{width:100%}</style>

Sekarang Save template anda dan lihat hasilnya. sekarang klik di browser anda File Print Preview

Sekarang Blog Anda Printer Friendly hehehe

TAMBAHKAN LINK PRINTER INI :

Di tempat yang tadi EDIT HTML >> EXPAND WIDGET kemudian cari kode :

<data:post.body/>

dan pastekan kode ini dibawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<span style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcrDVCOCemf8rZviEw99biF6LI8x_aLKsQpfpXghADWiybBOsKWcYY-L5SqYGz2pKZM7PQ0YsUAPWU1aMFDlMIsk1t_cgFMdUNjsqKfT1ByvQSYQaou-Z6RTw4avLhX-a3zLc-C9TLmm0/s1600/print-this.png) left no-repeat; padding-left: 25px;display:inline;'><a href='javascript:window.print()' rel="nofollow" >Print this post</a></span>

</b:if>

Dan Save sekarang ada printer di bawah postingan anda...