Cara Memasang Tombol 'Print' Disetiap Posting Blog

Cara Memasang Tombol 'Print' Disetiap Posting Blog - Sesuai dengan namanya, tombol print ini berfungsi untuk memberikan perintah kepada browser untuk mencetak posting yang telah dibuka. Biasanya, tombol print ini memiliki perbedaan dengan menu print pada browser. Ketika tombol Print pada browser diklik, browser akan mencetak semua ornamen / widget pada laman yang dibuka (seperti jam, penghitung pengunjung, banner iklan, hingga komentar yang ada). Sedangkan, tombol print yang saya bahas umumnya hanya akan mencetak konten / postingnya saja ketika di-klik. Jadi, lumayan membantu dalam hal penghematan tinta dan kertas, hehehe... Untuk previewnya, silahkan lihat di sini

Oke, langsung saja. Berikut ini cara memasang tombol print disetiap posting blog :

1. Seperti biasa, buka Blogger, dan masuk ke menu Template.

2. Untuk berjaga - jaga, buatlah backup dari template blog Anda. Setelah itu, klik tombol Edit HTML.

3. Cari kode <data:post.body/>  (gunakan tombol sakti, CTRL+F). Biasanya, kode ini ada banyak (3 atau 4 kode, terutama untuk yang menggunakan ReadMore otomatis), jadi cobalah satu persatu hingga tombol print muncul.

4. Pastekan kode berikut (diatas kode hijau jika Anda berniat memasang tombol print dibawah judul/pada bagian awal posting, atau dibawah kode berwarna hijau jika posisi tombol print diinginkan di bagian akhir/bawah posting).

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><a href='javascript:print(document)'>

<img alt='it&apos;s an information blog' title=’Print posting ini!’ src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTHerOngwhI0EJpAmI-s_iyL9wvwV9KoikKnb0-_ivHuQ76PXhDPNpoN3lSa8Ci6l8kdPGmvAN3euiCIWXc_z5mRvVcZpoTOeltMPNvGDlAHiWqdrHpJRvI_uCfbK-JLBW4j1BQ0w6Cpu/s1600/Print+1.png'/></a></center></b:if>

5. Terakhir, klik Simpan.

Anda dapat mengganti url icon tombol print yang berwarna biru dengan url icon print lainnya. Anda dapat mencari gambar icon print disini, atau menggunakan beberapa icon yang ada dibawah ini (Klik kanan ->Copy Image Location untuk mengambil url-nya) :

Tulisan Print posting ini! Adalah tulisan yang muncul jika pengunjung meletakkan pointer mouse diatas tombol print. Anda dapat menggantinya sesuai dengan keinginan Anda.

Center merupakan perataan gambar, dimana perataan center akan menghasilkan tombol print yang terletak ditengah – tengah posting. Ada 3 opsi yang dapat Anda gunakan, yaitu left (rata kiri), right (rata kanan), dan center (rata tengah).

Bagaimana? Selamat mencoba memasang tombol print di blog Anda! Jangan segan untuk berkomentar apabila Anda menemui masalah. Tolong share dan berikan Google + artikel ini jika bermanfaat, dan salam Blogger!