Minggu, 27 Februari 2011

Menambahkan Fasilitas Print di Website

Sering kali kita kebingungan dalam membuat laporan atau cristal report dalam website. berikut sedikit saya jelaskan, untuk membuat laporan pada website kita tambahkan saja fasilitas Print sebagai berikut :
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):

print this page Print this page
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 :

print this page Print this page


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 :








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 !

2 komentar:

ahma indraki mengatakan...

Source codenya bisa di tampilin nggak? kalau langusng di taruh di posting kan langusng di ekseskusi code nya!

Makasih sebelumnya!

parta mengatakan...

artikel bagus i like. sayang mas bro tidak mengisi scriptnya. heheh. salam kenal
(rentcardibali.wordpress.com)

Posting Komentar

1. "Blog ini Do Follow, silakan post untuk mendapatkan Backlink"
2. "Anda Follow, pasti saya Followback"
3. "Kalau mau Copy-Paste artikel boleh saja, tapi sumbernya ke blog ini"
4. "Terima Kasih Lagi . . . !!!"

Komentar Anda Sangat Kami Harapkan Untuk Kemajuan Blog Ini. isikan komentar anda disini !