Cara Memasang Printer pada Blog

Pembuat CSS ini adalah Martin Gajurel disini saya hanya sekedar share, langsung saja ke tkp, Here you go...


1. Masuk ke Blogger Dashboard > Template > Edit HTML > Expanded.
2. Cari kode <b:include data=’blog’ name=’all-head-content’/>
3. Pasang kode di bawah ini di bawah <b:include data=’blog’ name=’all-head-content’/>



<style media='print' type='text/css'> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #lower-wrapper, #footer-wrapper, #footer, #credit, .comment-form, .post-footer, #blog-pager, .post-feeds, #backlinks-container, #navbar-section, footer {display: none;} #content-wrapper, #main-wrapper, #main { width: auto !important; overflow: visible !important; float: none !important; color: black; font-size: 12pt; background: white; border: none; } #main a { text-decoration: underline; color: blue; } </style>

4. Pada line 1,2,3, Gajurel telah menambahkan kode yang berfungsi untuk menghilangkan header, sidebar, dan iklan. Dan untuk line 3 berfungsi untuk membuat lebar konten secara otomatis sesuai dengan ukuran kertas yang dipakai.

5. Tambahkan ikon printer pada blog. tombol ikon printer ini bisa di letakkan di mana saja, bisa di bawah atau di atas atau juga di sidebar, sesuai dengan selera sobat. Dan berikut ini adalah kode nya:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="javascript:window.print()"><img border="0" style="margin-right:5px" src="Your Image URL"/>Print this article</a></b:if>


Tulisan Your Image URL ganti dengan URL ikon sobat.


6. Save, dan lihat hasilnya.

Read more: http://rozikinblog.blogspot.com/2013/02/cara-memasang-printer-pada-blog.html#ixzz2fPkOyv8z