Membuat blog menjadi print friendly

Bagi teman-teman yang ingin agar hasil print dari blognya terlihat rapi, disini saya akan berbagi tentang bagaimana membuat agar blog kita print friendly. Dengan cara ini kita akan menampilkan postingan blognya saja saat blog kita di print. dan menyembunyikan widget blog agar tidak ikut ter-print. Katanya, hal ini juga merupakan salah satu teknik SEO, saya juga tidak tau mengapa dikatakan demikian. tapi ada beberapa web seo analystic yang mencantumkan printer friendy sebagai salah satu teknik seo.

Jika anda ingin mencobanya... mari langsung saja ya... bagi yang ingin memasang style print pada blognya silahkan ikuti petunjuk dibawah ini.

1. Login ke blog sobat seperti biasa.
2. Lalu pilih blog yang akan di edit pilih template klik edit HTML
3. Cari kode <style type="text/css"> ........</style> lalu masukkan kode dibawah ini diantara kode tersebut.
   

   @media print{#header-wrapper, #header, .header, #rsidebar-wrapper, .postmeta-primary, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, #footer-column, .subscribe_notice, #copyrights, #navbar, #Navbar1, #blog-pager, .blog-pager, #footer-wrapper, #comments, #comments-block, .post-footer, .newspic,  #top-wrapper, #searchbar,#iklan, .breadcrumbs, .kontainer, .comments-tab, .comments-page,.noprint {display: none !important;}
   

   #main-wrapper {width: 98% !important; text-align: justify; text-justify: auto; word-wrap: break-word !important;overflow: visible !important; font-size:100% !important; line-height: 1.4em !important;}#outer-wrapper{border:none !important;}.post, .post-body img {border:none !important; font-style:Italic !important;}.admin-tulisan{border:none !important; text-align:right;margin-top:25px !important;}.post-title{padding:10px; text-align:center !important; border-bottom:3px solid #d3233c !important;}.post-body{font-family:Lucida Bright !important;}}

   Ket: Kode pertama adalah elemen yang ingin kita sembunyikan atau tidak ingin kita tampilkan, dan yang kedua adalah style untuk elemen yang ingin ditampilkan. Setiap template berbeda-beda elemen templatenya. Anda bisa mengaturnya sesuai template blog anda... yang penting anda mengetahui dasar-dasar dari css.
4. Simpan template anda dan lihat hasilnya

Selamat mencoba....