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.

5 Responses to "Cara Memasang Printer Pada Blog"

  1. Mantab mas bro.. bisa mempermudah pembaca untuk mengeprint artikel yang mereka butuhkan.

    ReplyDelete
  2. @maryanto : bener banget..jadi gampang kalo mau ngeprint artikelnya aja.
    @julia : sip deh selamat mencoba..

    ReplyDelete
  3. Terima kasih tutorial nya admin!

    ReplyDelete

Jika Anda menanyakan sesuatu pastikan beri centang pada kotak "Notify Me" di bawah komentar agar dapat segera mengetahui balasan dari admin.