Skip to main content

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/AVvXsEgMl37Uv75zskOzyGwvPfo_OUmolobeCVbMycH-w11CK9badRaGC9uRV1p2NOk5RbmYtEJrVqnwp9MR7L8hNeGIwZiNcCV7xqZd2dn8MlzNcWLo9mYhv6cSqoGACVswIkas1udz6vl7GRFf/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?
Labels:

Comments

Post a Comment

Popular posts from this blog

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...
Post a Comment
Read more

Inilah Cara Termudah Mengenal Ukuran Panjang dan Lebar Template Blog Kita

Apa yang harus kita lakukan pertama kali untuk mengetahui ukuran panjang dan lebar blog kita? Bagi blogger pemula, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena kita sebagai blogger pemula merasa awam dengan begitu banyaknya kode HTML yang termuat dalam template blog. Kalau kenyataannya sudah begini, apa akibat masalah yang kita hadapi karena edit HTML yang sulit? Waktu akan terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan? Nah, untuk mari kita perhatikan bersama bagaimana cara untuk mengetahui ukuran template blog milik kita. Pertama, masuk ke dalam akun blogger kita masing-masing. Klik rancangan. Klik edit HTML. Klik expand template widget. Cari kode HTML berikut ini. (hanya contoh, cari kode HTML yang dicetak tebal) Mengetahui ukuran lebar keseluruhan templ...
Post a Comment
Read more

Daftar Situs Penyedia Kursor Pada Blog

Jika kita ingin merubah bentuk kursor pada blog , kita dapat memanfaatkan layanan dari beberapa situs yang menyediakan berbagai bentuk kursor modifikasi yang dapat kita gunakan. Bentuk kursor yang standar pada sebuah blog pada dasarnya adalah berbentuk tanda panah berwarna putih. Akan tetapi, kita dapat mengganti bentuk kursor yang standar tersebut dengan bentuk yang lebih modis dan stylis dengan menggunakan beberapa bentuk kursor yang disediakan oleh situs-situs penyedia kursor pada blog di bawah ini : http://www.cursors-4u.com http://www.myspacecursor.net http://www.totallyfreecursors.com http://www.123cursors.com http://www.anicursor.com Dengan beragam kursor dalam situs tersebut, kita dapat membuat tampilan blog menjadi lebih trendy dan lain dari pada blog yang lainnya. Menarik bukan? Jika ada yang ingin menambahi, silakan sampaikan lewat kotak komentar di bawah ini ya kawan. Salam blogger!
Post a Comment
Read more