Membuat Print Button Pada Blog
Komunitas Belajar Komputer - Ada cara agar pengunjung yang berkunjung ke web atau blog kita dapat dengan mudah men-print page dari halaman web atau blog kita yang dianggap menarik.Hanya sekali klik sebuah button, maka page tersebut akan terprint. Caranya:
- Copy dan Paste script berikut ini dan letakkan diantara tag <head>dan </head> pada web anda.
<script language="JavaScript">
function printPage() {
if(document.all) {
document.all.divButtons.style.visibility = 'hidden';
window.print();
document.all.divButtons.style.visibility = 'visible';}
else {document.getElementById('divButtons').style.visibility = 'hidden';
window.print();
document.getElementById('divButtons').style.visibility = 'visible';}}
</script>
function printPage() {
if(document.all) {
document.all.divButtons.style.visibility = 'hidden';
window.print();
document.all.divButtons.style.visibility = 'visible';}
else {document.getElementById('divButtons').style.visibility = 'hidden';
window.print();
document.getElementById('divButtons').style.visibility = 'visible';}}
</script>
- Kemudian Copy dan Paste script ini dan letakkan dimana anda ingin agar button ini terlihat.
<div id="divButtons" name="divButtons">
<input type="button" value = "Print this page" onclick="printPage()"
style="font:bold 11px
verdana;color:#FF0000;background-color:#FFFFFF;">
</div>
<input type="button" value = "Print this page" onclick="printPage()"
style="font:bold 11px
verdana;color:#FF0000;background-color:#FFFFFF;">
</div>
- Kalimat Print This Page dapat anda ubah,sesuai dengan selera anda ;-)
- Selesai.
Demikian saja Cara Mudah Membuat Print Button Pada Blog
Semoga Bermanfaat...
Komunitas Belajar Komputer
Komunitas Belajar Komputer
No comments
Sampaikan lah apa yang sedang anda pikirkan saat ini setelah membaca artikel ini.
Kebingungan, Penasaran, Rasa terimakasih..
Atau apalah yang sedang terlintas di pikran anda.
Karena sejatinya manusia adalah makhluk sosial yang rindu akan sebuah Interaksi
1. Baca lah
2. Berkomentar lah dengan Sopan
3. Kami Akan Berkunjung balik, Nantinya.
Komentar anda sangat membantu untuk perkembangan Blog ini.
Terimakasih...!!