Selamat siang kawan, salam sejahtera untuk kita semua, sudah lama saya tidak menulis postingan di blog saya satu2nya ini. pada kesempatan kal ini saya akan membagikan cara memasang tombol print di blog.
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 keren.
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, saya akan membantu anda untuk menambahkan tombol print ke dalam setiap posting blog anda, utamanya 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.
Demikian pembahasan tentang Memasang Sebuah Tombol Print yang Keren di Blogspot ini kami sajikan, semoga bermanfaat. Silahkan anda baca artikel yang sebelumnya yang bisa membuat anda mengetahui lebih banyak tips kesehatan, di antaranya Cara Menambah 4 Elemen Baru di Atas Footer dan Cara Memasang Widget Populer Post Dengan Banyak Warna
sumber:mybloggerlab.com
: