rozikin blog

Berbagi Pengalaman Online

Thursday, February 21, 2013

Cara Memasang Printer Pada Blog

Hehe, aneh sendiri saya baca judulnya nya, masa printer di pasang di blog. Ups! jangan salah pengertian ya, maksudnya gini, pasang kode CSS untuk menyambungkan blog ke printer, eh..bener ga ya?. Ya pokoknya gitu lah, di blog kita pasang sarana untuk untuk ngeprint. Tapi disini sudah disesuaikan dengan halaman, secara otomatis cuma halaman artikel saja yang di print, header dan sidebar termasuk iklan tidak akan terbawa. Enak kan, setiap kita mau print artikel sudah secara otomatis artikelnya saja yang muncul.

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.

Selamat mencoba semoga berhasil memasang printer pada blog sobat.
Back To Top