Cara Membuat Print.css di Blog

Semalem nyoba cek cek score SEO blog zippien.us ternyata masih banyak hal hal yang masih rusak disini .. tanpa kita sadari juga ternyata blog memerlukan Print.css buat ngeprint postingan2 di blog dan juga dapet memudahkan kita nge print foto foto cewe telanjang di blog =.= aseek neh .. jadi ga ribet2 lagi .. tinggal klik tombol langsung crooot ..wah mesum .. makin banyak kata kata makin mesum neh .. ok langsung aja..

Tombol Print this Post sendiri akan ada banyak gunanya untuk 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. blah blah blah.. buat blog yang gw copas .. sorry yee .. cape ngetik .. :D hue hue..

disini ada beberapa cara yang harus ente ente pada jalanin untuk menginstal tombol print post ini sendiri .. yap siapin kopi ama rokok dulu.. sekaligus poto mesum .. buat test kesabaran ente .. hmmm

seperti biasa .. login ke blogger ente dulu .. trus masuk ke HTML edit.. oiaa jangan lupa backup dulu template ente ..

trus cari kode </head> 

trus copas kode di bawah ini pas di atas kode head tadi yang kalian cari .

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

selanjutnya cari kode ini <data:post.body/>

trus paste kode dibawah ini pas di bawah kode data post body di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0JS6rerTM5gN63jqsr-UHZjnzG4hT0LYnsdDnCKQiIZ2XKq2wDwFiBX2NG22TTJ6zynk-sutgEoK-9JuvKpyy3LoBf3XVprjikJmhoTBgvj4ct-upf-DkWNPuDiOxa7fq_LkQz6o4Bv4/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>

 Note : sebagian template ntar bakal jumpa 3 biji kode ini <data:post.body/> ntar ambil aja code yang paling terakhir .. kopas deh disitu.
dan buat tulisan warna biru .. itu gambar printernya .. kalian bisa ganti sesuka ente .. tapi jgn lupa samakan pixelnya

Selesai .. save template trus cek Print Buttonnya dibawah postingan blog ente ...

Thx