Cara mebuat print this page tool pada blog

Biasanya, website-website yang menyediakan berbagai macam informasi penting, menyediakan tool berupa "print this page" yaitu sebuah alat dimana visitor dapat dengan mudah mencetak atau mem-print informasi yang ada pada halaman tersebut. Tool print this page ini juga bisa kita pasang pada blog, sehingga, apabila ada visitor blog kita yang ingin mencetak halaman blog kita dapat dengan mudah mencetaknya.

cara memasang print this page pada blog dapat dilakukan dengan cukup mudah. tool ini bisa berupa logo bergambar printer atau tulisan saja bahkan kedua-duanya juga bisa. berikut ini contoh print this page :



Tutorial cara membuat print this page :
Langkah 1
1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. copy paste "script print this page" berikut ini sebelum atau di atas kode </head> :
 <script>
//<![CDATA[
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
function printWindow(){
   bV = parseInt(navigator.appVersion)
   if (bV >= 4) window.print()
}
//]]></script>
3. klik simpan.

Langkah 2
Pada langkah kedua ini kita akan memasang tool print this page pada blog kita, kalian bisa memasangnya pada bagian mana saja seperti di atas postingan, dibawah postingan, di sidebar, dll.

Kode print this page :
<a href="javascript:printWindow()" title="Print this Page">Print This Page</a> <script type='text/javascript'>
    var authorId = "C7AAB579-3D36-4A37-B7A1-0863E2F39F4B";
    var pageOrientation = "0";
    var topMargin = "0.5";
    var bottomMargin = "0.5";
    var leftMargin = "0.5";
    var rightMargin = "0.5";
</script>
Keterangan kode :
Apabila ingin mengganti teks "Print This Page" dengan gambar, ganti teks tersebut dengan kode berikut ini :
<img src="URL GAMBAR"/>
Contohnya :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0moYvQP35gvfQHgQZ2GCNnS63f8zSNhpeCDIJJ7lAUHmkDjeABCCn4jX5nyIkOMfWyqxqtU-W4YUadXE5YlgOs2gcyDJVsWOPYc3J3hxYU5fSlq5Yt3b0fCr7GIoSKWsSoLcWXdSYBCw/s800/print.gif"/>
Apabila sudah selesai, klik simpan.

Biasanya, apabila tool print this page ini akan digabungkan ke dalam template (kodenya dimasukkan ke dalam bagian template atau menu edit HTML) kode pada langkah 2 harus di parse terlebih dahulu.

Contoh hasil kode langkah 2 setelah di parse :
&lt;a href=&quot;javascript:printWindow()&quot; title=&quot;Print this Page&quot;&gt;Print This Page&lt;/a&gt; &lt;script type='text/javascript'&gt;
    var authorId = &quot;C7AAB579-3D36-4A37-B7A1-0863E2F39F4B&quot;;
    var pageOrientation = &quot;0&quot;;
    var topMargin = &quot;0.5&quot;;
    var bottomMargin = &quot;0.5&quot;;
    var leftMargin = &quot;0.5&quot;;
    var rightMargin = &quot;0.5&quot;;
&lt;/script&gt;
Sekian tips dan trik cara memasang print this page pada blog.



Tidak ada komentar:

Posting Komentar