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="http://2.bp.blogspot.com/-H91yGB9sLNA/TrC4O_P_OeI/AAAAAAAAAkM/y5vzK6AS-Dg/s1600/icon+print.png" alt="Cetak Halaman Ini" border="0"/>&#160;Cetak Halaman Ini</a>

Hasilnya adalah seperti berikut.

Cetak Halaman Ini Cetak Halaman Ini

Mudah bukan?
Ada yang ingin menanggapi?

41 komentar:

  1. keren nih sobat,, pasti postingan akan lebih menarik jika di pasangi kode print ini sob..

    nice share sob...

    BalasHapus
    Balasan
    1. terima kasih atas infonya, salam kenal
      http://giribig.com/
      http://www.idcheat.com/

      Hapus
  2. iya, silakan dicoba. semoga bermanfaat ya.

    BalasHapus
  3. wah sob,, kreatip benr ya bisa utak atik template ,seperti tombol print blog ini , salut sob,,

    BalasHapus
  4. Tombol seperti itu ya? kalau ingin tombolnye menggunakan icon print gemana? saya tertarik nih. kalau ada kabar lagi kabari ya

    BalasHapus
  5. @al kahfi:

    ini juga hasil kreasi orang om. :)

    BalasHapus
  6. @keyword terkenal:

    sudah saya update, silakan digunakan.

    BalasHapus
  7. mantep nih,,,
    sekalian balas koment anda , xHTML bisa untuk semua versi
    http://blogku--inspirasiku.blogspot.com

    BalasHapus
  8. Mantabs...tip yang berguna untuk mempermudah pengunjung untuk mencetak tulisan di blog kita. Nice share and happy blogging!

    BalasHapus
  9. wah manteb neh kayaknya cocok di pasang di blog ane :)

    BalasHapus
  10. wahh saya belom pasang nih di blog saya sob,, boleh juga tuh,, heheh, thx for sharing,, ^_^

    BalasHapus
  11. wah infonya keren, tapi kan di Browsernya udah ada tombol print ^_^

    BalasHapus
  12. Keren sob, izin mnencoba.Perlu hati hati di area kode nih sob.Trims sob infonya.

    BalasHapus
  13. Mantap sekali nih tutorialnya....

    BalasHapus
  14. @Dony Untung Prabowo:

    trims atas jawabannya. saya kira xHTML hanya bisa digunakan untuk browser ponsel.

    BalasHapus
  15. @Iskaruji dot com:

    trims sudah berkunjung ya.

    BalasHapus
  16. @Bayu Aldi Yansyah:

    silakan dicoba, semoga berhasil ya.

    BalasHapus
  17. @Rama88:

    silakan dipasang, semoga bermanfat.

    BalasHapus
  18. @Ardha Herdianto:

    ini supaya memancing minat pembaca yg belum tahu fungsi cetak halaman bro. :)

    BalasHapus
  19. @Bisnis Online Blog:

    tenang bro, ini sama sekali tidak ngutak-atik edit HTML template, cukup disalin di sidebar saja.

    BalasHapus
  20. @Baha Andes:

    semoga bermanfaat ya. :)

    BalasHapus
  21. keren sob, nanti saya coba pasang di blog saya, makasih infonya, sukses selalu

    BalasHapus
  22. uda lama gk make script ini padahal dulu sering make mas :)
    hehe, salam hangat mas

    BalasHapus
  23. waahhh mantep banget nih tutorial, bisa ngeprint halaman :D mantap! :)

    BalasHapus
  24. @Tutorial Blog:

    silakan dicoba, semoga bermanfaat ya.

    BalasHapus
  25. @Cek Info:

    trims atas kunjungannya yaa.

    BalasHapus
  26. @Farixsantips:

    kalau berminat, silakan dicoba. :D

    BalasHapus
  27. wach,luar biasa sob tipsnya,belum ketemua tips nya seperti diatas,bermanfaat banget buat para pennguna internet yang ingin mencetak artikel yang didapat khususnya buat para pelajar,betul sob ?

    BalasHapus
  28. Bermanfaat sekali,,, akan saya coba.. praktekkan.
    Terima Kasih telah berbagi.

    Salam Hangat dari Desa Ciburial

    BalasHapus
  29. @Kehidupan:

    iya, silakan digunakan. semoga bermanfaat ya.

    BalasHapus
  30. @arr rian:

    trims ya sudah follow balik. :)

    BalasHapus
  31. @Web Desa Ciburial:

    trims telah berkunjung.
    semoga tutorialnya bermanfaat ya.

    BalasHapus
  32. lumayan buat nambah fitur blog... oh ya gan... iklan adsensekan maksimal 3... yang saya tulis kan hanya contoh :)

    BalasHapus
  33. @Indra Saputra Ahmadi:

    maksudnya bro? bisa diperjelas?

    BalasHapus
  34. @fajar rusdi wibowo:

    trims untuk apresiasinya ya.

    BalasHapus
  35. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus