Cara Pasang Fasilitas Buat Print Pada Halaman di Blog | Tips Blogspot | Pasang Fasilitas Print Halaman Di Blogspot

Cara Pasang Fasilitas Buat Print Pada Halaman di Blog | Tips Blogspot | Pasang Fasilitas Print Halaman Di Blogspot

Cara Pasang Fasilitas Buat Print Pada Halaman di Blog  | Tips Blogspot | Pasang Fasilitas Print Halaman Di Blogspot - Pada kesempatan kali ini Velian akan membahas tentang cara memasang fasilitas print, banyak terdapat di situs di internet, Memang dengan memasang falitas print di blog maka akan lebih memudahkan para pembaca blog yang ingin membaca artikel kita secara offline. Untuk memasang falitas ini, banyak cara yang bisa di tempuh. Ada yang memasang script dari yang rumit nya minta ampun sampai dengan script yang sederhana. kali ini Velian memilih cara yang sederhana tapi tetap berfungsi secara semestinya yaitu memasang script yang sederhana tapi tetap berfungsi secara baik. Agar telihat lebih manis, ada banyak pembuat situs menggandengkan link untuk print berderetan dengan icon berbentuk printer, maka Velian akan mencoba membuat link untuk print beserta icon print,... 

Langkah pertama yaitu membuat icon berbentuk print, jika sobat tidak mahir menggambar tentu saja ada banyak situs penyedia icon secara gratis di internet. Sebagai contoh, Velian mempunyai icon printer seperti ini print this page. Jika sobat sudah mempunyai icon yang mau di pasang, selanjutnya upload icon tersebut ke server tempat sobat biasanya menyimpan gambar.

Untuk script fasilitas print, sobat tinggal memakai script di bawah ini ( silahkan ganti alamat gambarnya dengan milik sobat ). Tulisan Print this page bisa sobat ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau yang lainnya, perhatikan saja kodenya. Masih bingung cara memasukan di blog? Beriut saya tuliskan langkah - langkahnya lebih jelas :

1. Login ke blogger dengan id sobat sendiri.
2. Klik Layout ( rancangan ).
3. Klik Elemen Halaman.
4. Klik tulisan Tambahkan sebuah Elemen Halaman.
5. Lalu,copy paste kode HTML javascrib berikut :
<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0" /> Print this page</a><br />
kode datas akan jadi seperti ini Print this page


Klik tombol simpan perubahan.
Pindahkan elemen yang baru di buat tadi ke tempat yang sobat sukai.
Klik tombol SIMPAN.
Selesai.
Silahkan lihat hasilnya.
Selain bentuk link seperti yang saya terangkan di atas, ada juga yang memasang fasilitas ini dalam bentuk tombol, kodenya seperti ini :
<form> <br /><input type="button" value="Print this page" onclick="print()"><br /></form>
Nanti akan jadi seperti ini disamping.
6. Untuk langkah pemasangan silahkan terapkan pada langkah yang di atas, langkahnya sama yang berbeda hanya kode yang di pasang.