Cara Menambahkan Print This Page pada Blog


Pada kesempatan kali ini saya mau mencoba mengulas sebuah pertanyaan mengenai bagaimana cara memasang fasilitas print di blog, layak nya yang banyak terdapat di situs-situs 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. Untuk mendapatkan script tersebut sangatlah mudah, coba lakukan googling Silahkan tulis keyword atau kata kunci yang berhubungan semisal script print this page pada mesin pencari (search engine) yang ada di sebelah kanan atas blog ini. Bagi yang sedikit malas untuk ber googling ria, silahkan baca artikel ini sampai selesai.

Agar tidak membingungkan, saya 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 dari itu saya pun akan mencoba membuat link untuk print beserta icon print.

Langkah pertama yaitu membuat icon berbentuk print, jika anda tidak mahir menggambar tentu saja ada banyak situs penyedia icon secara gratis di internet. Lagi-lagi silahkan tulis keyword yang berhubungan semisal free icon pada mesin pencari di sebelah kanan atas blog ini. Sebagai contoh, saya mempunyai icon printer seperti ini print this page. Jika anda sudah mempunyai icon yang mau di pasang, langkah selanjutnya adalah mengupload icon tersebut ke server tempat anda biasanya menyimpan gambar. Sebagai contoh saya menyimpan icon print di google pages, untuk cara-cara upload ke google pages sudah saya ulas pada postingan yang ini.

Sebagai contoh, icon yang saya upload mempunyai alamat seperti ini :

http://amen24.googlepages.com/printer.png

Untuk script fasilitas print, anda tinggal memakai script di bawah ini (silahkan ganti alamat gambarnya dengan milik anda):

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/>&#160;Print this page</a>
Hasilnya akan seperti ini (silahkan klik untuk membuktikannya!) :

print this page Print this page

Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau yang lainnya, perhatikan saja kodenya.

Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :

1. Silahkan login di blogger dengan id anda.

2. Klik Layout.

3. Klik Elemen Halaman.

4. Klik tulisan Tambahkan sebuah Elemen Halaman.

5. Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.

6. Copy lalu paste kode berikut pada elemen halaman tadi :

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/>&#160;Print this page</a>


7. Klik tombol simpan perubahan.

8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.

9. Klik tombol SIMPAN.

10. 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>
<input type="button" value="Print this page" Onclick="print()" ;>
</form>





hasilnya akan seperti ini (coba klik untuk membuktikannya !) :

Untuk langkah-langkah pemasangan silahkan merujuk pada langkah-langkah yang di atas, langkahnya sama yang berbeda hanya kode yang di pasang saja. Selamat mencoba !


sumber 

Subscribe to receive free email updates: