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: