Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Pasang Fasilitas "Print" di blog

Sudah beberapa hari tidak ada tulisan baru di blog ini, harap
dimaklumi ya soalnya kemarin baru liburan ke bandung selama tiga hari.
Iseng melihat dokumen yang ada di shoutbox, rupanya banyak juga
pengunjung baru blog ini. Buat anda yang terbilang sebagai pengunjung
baru dan belum kenal dengan saya, salam kenal saja dari saya Kang Rohman,
sering-sering berkunjung kemari ya.

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"/> 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 :
  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 !

3 Januari 2008 - Posted by | aksesori blog, blog tutorial

13 Komentar »

  1. Kang, bisa gak kode itu ditempatkan disamping komentar anda dibawah artikel?
    Oya kang sekalian tanya gimana buat foto kalau di klik baru gambarnya jadi besar?

    Komentar oleh investasionline | 5 Januari 2008 | Balas

  2. Salam Kang Rohman, maaf saya bertanya di sini.

    Sebenarnya sudah ditanya di shoutbox semalam tetapi mungkin terlepas pandang. Saya ingin tahu bagaimana kita setting supaya link yang kita klik di post entri akan open new window seperti kita setting komen ( open new window)

    Saya dahului dengan terimakasih.

    Komentar oleh Jie | 5 Januari 2008 | Balas

  3. @Investasionline : bisa… cuma ya harus sedikit pandai mencari kode artikelnya… Untuk gambar yg di klik besar, ya gambarnya aja yg besar, trus di upload ke blogger dengan memilih yg kecil.. tapi kalo di klik gambar yg di tampilkan akan sesuai aslinya.

    @jie : untuk link yang bisa membuka window baru, coba di baca panduan yang no.10 tentang membuat link..

    Komentar oleh rohman | 5 Januari 2008 | Balas

  4. oke juga, jarang2 tuch

    Komentar oleh aki nich | 19 Januari 2008 | Balas

  5. wah, knapa gak dari dulu2 ne ketemu akang ya!!?

    Komentar oleh abiestudio | 28 Januari 2008 | Balas

  6. wah, bermanfaat sekali nih kang…makasih buanyak

    Komentar oleh znabiha | 25 Februari 2008 | Balas

  7. Pintar amat sih….gurunya kang siapa ya?

    Komentar oleh Anonymous | 9 Maret 2008 | Balas

  8. OK thank’s

    Komentar oleh doez` | 16 April 2008 | Balas

  9. keren mas, blogspot saya jadi ada perubahan drastis.he.he.he. thx mas

    Komentar oleh Ashari atau arie atau arhe | 22 April 2008 | Balas

  10. saya uga lagi cari script buat print halaman web tapi ketika kita klik langsung cetak dengan printer defaut..mohon bantuannya..

    Komentar oleh Anonymous | 19 Mei 2008 | Balas

  11. Assalamu’alaykum Kang, nama saya Abu Fathi, ingin bertanya, “print this page” sudah bisa, tetapi yang tercetak kok semua halamannya?, yang kami inginkan hanyalah artikelnya saja, bagaimana Kang?, mohon bantuannya ya?, mohon dengan hormat jawabannya dikirimkan ke imel saya (ibnufur@yahoo.com) ya Kang, trims, syukron buat Kang Rohman🙂

    Komentar oleh Anonymous | 18 Juni 2008 | Balas

  12. mantap mentong print button.

    Komentar oleh Ramli | 28 Juli 2008 | Balas

  13. maaf nih kang, kalo buat fasilitas print diweb kita gimana? misalnya kita akan ngprint tabel atau hasilnya?

    Komentar oleh mr-ozay | 28 Juli 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: