Cara Menambahkan Tombol Print di Blogspot

7/20/2013

Cara Menambahkan Tombol Print di Blogspot - Dengan tombol print ini, anda bisa mengijinkan pengunjung blog anda untuk mencetak posting blog anda hanya dengan sekali klik dengan memasang sebuah tombol print/cetak yang cantik. Meski disisi lain hampir semua browser menyediakan fleksibilitas untuk mencetak sebuah halaman web melalui opsi tab “File” dan “Print”. Namun dengan adanya tombol shortcut Print ini, setidaknya anda bisa memberikan pilihan yang berbeda kepada pengunjung blog anda, karena kadang-kadang orang lebih menyukai fitur print pada sebuah posting blog langsung dengan berbagai macam alasan.

Nah, pada posting kali ini, Tukang Toko Online akan membantu anda untuk menambahkan tombol print ke dalam setiap posting blog anda, utamanya di Blogspot.

Tombol Print di Blogspot
Pertamakali adalah login ke dashboard Blogspot anda. Lalu langsung menuju ke blog anda >> Template >> Edit HTML >> cari kode <div class='post-header-line-1'/>  jika sudah ketemu, tepat di atas kode tersebut anda paste kdoe berikut ini. Jika sudah, preview dulu, lalu jika hasilnya tidak ada error, tekan tombol “Save Template” . 


<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()" rel="nofollow">Print this Article</a></div>

Selanjutnya jika anda ingin memberikan sebuah tampilan tombol print yang lebih menarik, anda perlu melakukan pengaturan pada kode CSSnya. Anda bisa membuat berbagai macam gambar dengan menggunakan aplikasi photo editing atau design seperti Photoshop lalu simpan file gambarnya di hosting (misal di google drive atau picasaweb) dan selanjutnya anda bisa dengan mudah menerapkan mode CSSnya untuk membuatnya bekerja. Berikut ini adalah sedikit contoh script bagaimana anda bisa mengatur tampilan tombol print tersebut.  Penempatannya tetap seperti penempatan kode script sebelumnya.
<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()" rel="nofollow"><img src="http://1.bp.blogspot.com/-vw5LhfD0cTI/UPLhsZx8ksI/AAAAAAAAAdo/w7Aqf4eEstA/s1600/images.jpg" /></a></div>
Yang terakhir Anda preview dulu, jika hasilnya sudah benar, template bisa anda simpan.   

Cukup mudah bukan cara menambahkan tombol Print di postingan blog Anda. Semoga bermanfaat

Source : mybloggerlab.com

All posts here about online store, tips, tricks, SEO, Store Service, store builder with Blogspot, Wordpress or Opencart.
Contact me if You need help or more question about service. Enjoy reading.....

Artikel Terkait

Previous
Next Post »

#/ Dilarang melakukan SPAM.
#/ Dilarang Komentar mengandung Link/URL di kolom komentar
#/ Dilarang Komentar SARA dan Makian
#/ Dilarang ngiklan
Melanggar ketentuan di atas, komentar langsung dihapus..!!!
Emoticon