Menambahkan Option Print This dalam Blog

Menambahkan Option Print This dalam Blog

tuan muda anwar, 10/12/2008

Halooo pembaca yang terus-menerus berkunjung ke kata irhamna, tepat di minggu sore ini, Saya akan membahas tentang option print pada Blog. Biasanya untuk mengeprint suatu halaman, apalagi 1 halaman itu banyak postingannya dan kita hanya ingin mengeprint salah satu postingan tersebut, kita harus mengklik judul atau link postingan itu, sehingga hanya postingan tersebut yang muncul di halaman itu dan kita harus menuju ke File > Print. Agak ribet kan ?

Dengan adanya Option Print This dalam Blog, kita tidak bersusah payah lagi untuk mengeprint suatu postingan, tapi bagaiamana caranya ? Ayo ikuti langkah berikut ini !!!

Pertama seperti biasanya login ke Blog kita, kemudian langsung menuju Edit HTML Saya sarankan kepada para pembaca untuk memback-up dulu template Blog Anda, karena yang Saya bahas di sini akan mengubah sedikit bagian dari template kita.

Kemudian copy code di bawah ini tepat di bawah tag </head>., sembarang mau diletakkan di mana, intinya di antara tag </head>.dan penutup </head>.

<style type="text/css" media="print">

#noprint {display: none;}

// Hide unwanted elements

Body {background:fff; color:000;}

// Black and White background a {text-decoration: underline; color: 00f;}

//Underline Hyperlinks in blue

}

</style>

Jika sudah ni, jangan lupa untuk mengklik tombol Save Template. Selanjutnya tambahkan kode ini di setiap akhir postingan/artikel Anda:

<a href="Javascript:window.print()">Cetak Halaman Ini</a>

Jika Anda menginginkan link Cetak Halaman Ini muncul di setiap postingan, maka kita herus menyisipkan kode di atas secara otomatis dengan cara, tuju ke Setting > Formating lalu di bawah sekali ada text box kosong, lalu copy ke situ. Selesai jangan lupa di simpan.

Selamat mencoba!!!!!