Feb 18, 2009

Membuat Butang Cetak Artikel


Blog anda banyak informasi?? Barangkali isi kandungan blog anda juga dijadikan rujukan oleh orang lain. Justeru, anda disarankan agar memasukkan widget yang membolehkan artikel anda dicetak. Ini akan memudahkan pelawat blog anda untuk mencetak topik yang mereka gemari.


Cara² untuk membuatnya ialah :-

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari </head> dan letakkan kod ini diatasnya.

<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>

5. Cari <data:post.body/> atau <p><data:post.body/></p>, tampal kod ini dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Cetak Artikel Ini</a></span>
</b:if>

6. Save template.

Butang 'Cetak Artikel Ini' hanya akan kelihatan apabila anda membuka keseluruhan topik tersebut. Pelawat hanya perlu klik pada ayat itu untuk mula mencetak.

Nota : Sekiranya <data:post.body/> atau <p><data:post.body/></p> ada lebih dari satu, anda letakkannya dibawah kod yang pertama. Selamat mencuba.

Via : Amanda

6 Comment

cuitnazz Thu Feb 19, 04:44:00 PM

salam.. tutorial yg bagus... keep it up...

Eriyza Thu Feb 19, 06:40:00 PM

Cuitnazz : Wsalam. Terima kasih.

guzairy Thu Mar 12, 10:36:00 AM

salam kat blog sy xde kod
yg kedua perlu ditampal di bawahnya
http://kerjaya.via.my

Eriyza Thu Mar 12, 11:31:00 AM

Guzairy : Wsalam. Cuba cari betul², tentu ada. Gunakan CTRL + F tuk cari kod.

ZelL ThE gReaT ! Mon Mar 30, 01:53:00 PM

Thnx, dapat da :)

Eriyza Tue Mar 31, 10:39:00 AM

Zell : Sesama.

Post a Comment

Gunakan tatabahasa yang betul sewaktu menulis komentar agar mudah difahami oleh penulis. Terima kasih. :-)

Sila ambil perhatian perkara² berikut :-

1. Tinggalkan nama dan url blog atau laman web anda.
2. HTML tag seperti <b>, <i>, <a> boleh digunakan.
3. Sila berhemah di dalam berbahasa.