OPTION "PRINT THIS ARTICLE" PADA BLOG KAMU

Para blogger mania pasti dan pasti sudah memiliki banyak artikel. Artikel-nya ada yang simpel, hanya terdiri dari beberapa paragraf. Ada juga artikel yang sangat komplek and rumit. mungkin para newbie harus membacanya berjam-jam, seperti saya ketika mendapatkan artikel bagus dan rumit mesti nongkrong didepan monitor untuk membacanya. Tapi sekarang jangan khawatir, ada cara untuk membantu para pembaca kita untuk mendapatkan artikel yang kita buat dengan membuat print out. Bukankah kita membuat artikel untuk dibaca orang lain??? suatu kebanggaan kalau artikel kita dimiliki untuk dipelajari oleh orang lain.
Untuk membantu para pembaca artikel kita, kita dapat menambahkan option atau pilihan bagi mereka. Mau membaca didepan monitor atau mereka dapat mencetak artikelnya (print out artikel kita).

Untuk membuat print option didalam setiap artikel kita hanya 2 tahap:
1. Menambahkan beberapa kode CSS.
2. Menambahkan kode Java Script, supaya pengunjung dapat memiliki option untuk mencetak artikel kita.

LANGKAH 1. MENAMBAHKAN KODE CSS DALAM TEMPLATE
Kode CSS yang harus ditambahkan oleh sobat, yaitu:
<style media='print' type='text/css'> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;} #main-wrapper {width: 95%} </style>
Kode CSS diatas, sobat tambahkan sebelum kode </body>, lalu simpan template anda.
LANGKAH 2. MENAMBAHKAN KODE JAVA SCRIPT
Kode java script yang harus sobat tambahkan yaitu:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://i567.photobucket.com/albums/ss117/tipsandcara/fotoprint.jpg) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Print this post</a></span>
</b:if>
Sobat harus menambahkan kode tersebut tepat setelah kode ini: <p><data:post.body/></p>
Save template yang sudah anda rubah. Kemudian klik tab "SETTING", kemudian tab "Formatting". Dalam kolom "Formatting", terdapat suatu kolom "Post Template". Setelah sobat menemukannya, tuliskan lagi kode java script yang diatas. Ini fungsinya agar sobat tidak perlu menulis ulang kode java script setiap hendak membuat artikel.

Setelah itu klik "save". Selesai sudah cara untuk menampilkan "print option" dalam postingan kita. Mudah bukan??? .Silahkan sobat mencobanya.

Salam.

Print this post

Bookmark this post: