Selasa, 10 Desember 2013

Cara Memasang Tombol 'Print' Disetiap Posting Blog

cara pasang tombol print, blog, blogger
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/AVvXsEjHk1wYdIKlD7OTTs9WNTWMM3GCkT-zZlO9j0eLkS7KknzXFSt5zT-qQYez6jTEdgFkkn0bwc5zlsmFfS282VFdZs48r86BBs6Q-EIKEUS5BLBda1QzbYRy9oG5eQm5ZtzEapuPC_L2oETW/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) :
Tombol Print 1
Tombol Print 2
Tombol Print 3
Tombol Print 4
Tombol Print 5

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!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

6 komentar:

  1. Nice info gan,..
    jngn lupa visit http://setyoadiiw.blogspot.com/ :)

    BalasHapus
    Balasan
    1. @Setya Adii : Oke Gan! Trims atas kunjungan dan komentarnya! :)
      @InfoFaizz.com : Sama - sama! Trims atas kunjungan dan komentarnya! :)

      Hapus
  2. Mantap gan....
    thanks gan

    BalasHapus
  3. Mantap......:)
    www.ternakpertama.com

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!

Internet Blogs