My Blog List

Tuesday, March 31, 2009

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:

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:
StumpleUpon DiggIt! Del.icio.us Blinklist Technorati Reddit


7 comments:

[+/-]Click to Show or Hide Old Comments

ridwan171 on April 10, 2009 at 2:41 AM said...

sooobatttt...makasih infonya langsung saya praktekin....sseepp sob

azzalea on April 18, 2009 at 2:17 PM said...

blog walking mode on

azzalea on April 20, 2009 at 4:23 PM said...

berhenti sejenak utk memacu adrenalin

azzalea on April 23, 2009 at 8:56 PM said...

seeppp...coba nih hehehe...

azzalea on April 25, 2009 at 10:57 AM said...

mampir2...

toufan on May 8, 2009 at 7:41 PM said...

Info yang menarik :-)

Seti@wan Dirgant@Ra on May 17, 2009 at 4:21 PM said...

Nice post sobat,... aku coba yah...

[+/-]Show or Hide Comments

Post a Comment

My Banner

Loud Launch Site Disclosure Statement

I have received financial compensation for some of the posts on your blog (in keeping with current FTC Regulations) as some posts are paid posts.
 

Copyright 2009 All Rights Reserved Magazine 4 column themes by One 4 All