Cara Buat Tombol Print Pada Blog

Blogging adalah sebuah aktifitas yang menyenangkan. Kita bisa saling bertukar informasi, pengetahuan, dan kreatifitas. Kadang kala, saat melakukan blogwalking kita menemukan sebuah artikel yang memuat informasi yang sangat bagus dan kita butuhkan. Jika tertarik, hal pertama yang biasa kita lakukan adalah menyimpan halaman artikel tersebut. Entah dengan cara didownload, dibookmark, atau dicopas.

Sekarang ini, ada alternatif lain yang bisa kita lakukan untuk menyimpan halaman yang memuat artikel menarik menurut kita tersebut. Cara yang paling mudah dan efisien adalah dengan mencetak halaman tersebut. Mencetak? Jangan berpikiran bahwa kita akan mencetaknya langsung dalam bentuk hardcopy! Mencetak di sini berarti kita mencetak halaman artikel tersebut dalam bentuk softcopy berformat .pdf (jika kita punya aplikasi konverter file ke .pdf, semisal primo pdf). Kita dapat melanjutkan untuk mencetaknya dalam bentuk hardcopy jika kita mau.

Sayangnya, tidak semua blog menampilkan fasilitas ini. Sehingga, tips mencetak artikel ini jarang sekali digunakan oleh kebanyakan blogger.

Bagaimana caranya untuk membuat tombol cetak dalam blog kita ini?
Mudah, ikuti saja langkah-langkah di bawah ini.

Masuk ke dalam akun blogger masing-masing.
Klik rancangan.
Klik add gadget/tambah gadget.
Pilih HTML/JavaScript.
Masukan kode berikut.

<div style="text-align: center;"><form>
<input value="Print Postingan Ini" onclick="print()" type="button">
</form></div>

Klik simpan dan selesai.

Keterangan:

1. Ubah kata center dalam text-align: center; untuk merubah letak posisi tombol.
2. Ubah kalimat Print Postingan Ini dengan kalimat yang kita sukai. Kalimat ini akan muncul dalam tombol untuk mencetak halaman blog kita.

Penggunaan tombol ini sangat praktis. Kita hanya perlu untuk klik tombol cetak dan perintah ini akan mencetak halaman blog secara otomatis.

Contoh tampilan setelah kita klik tombol cetak tersebut. (klik gambar untuk memperbesar)

Hasil bentuk tombol cetaknya.

Download softcopy (.pdf) contoh hasil cetakan halaman blog.

Cara lain yang dapat digunakan:

Masukan kode berikut ini.

<a href="javascript:print(document)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSDsO8W4PM8bBJgi6c7TKr7CJw_jVrS7MobqNsg1p9PpOrIvsGFFW-VqRJPmaqMv6TLZvzcjQx_obSp4q0cFSMHS56UjbspxY4-RomWS7aVV4xelVqnshn_vCnhhFpziobfbPd7aFiTOT/s1600/icon+print.png" alt="Cetak Halaman Ini" border="0"/>&#160;Cetak Halaman Ini</a>

Hasilnya adalah seperti berikut.

 Cetak Halaman Ini

Mudah bukan?
Ada yang ingin menanggapi?

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: