All for Joomla All for Webmasters

Menambah Tombol Print pada Blog

Sebagai penambah fungsionalitas pada blog, kita dapat menambahkan beberapa aksesoris untuk menjadikan blog makin mantap. Diantaranya adalah menambahkan fungsi print halaman pada blog.

Dengan teknik sederhana tanpa menambahkan plugin dan widget, kita bisa membuatnya. Tetapi yang harus diperhatikan, bahwa tidak semua tombol print ini compatible dengan semua jenis browser.

 

A. Tombol Print dengan menggunakan gambar

Print This Page
Print this page

Compatible : Firefox, Internet Explorer, Google Chrome

Kode Perintah :

<a href="javascript:print(document)"><img src="url_gambar" alt="Print This Page" border="0"/><br />Print This Page</a>

Untuk memasangnya ke dalam blog anda dapat menyisipkannya kedalam postingan, kedalam template atau dipasang sebagai gadget. Langkah-langkahnya silahkan ikuti petunjuk ini:

1. Masuk ke blogger anda
2. Klik menu Template
3. Klik Elemen Halaman
4. Klik Tambahkan Elemen Baru
5. Copy-kan kode diatas
6. Klik Save

B. Tombol Print dalam bentuk Tombol


Compatible : Firefox, Internet Explorer, Google Chrome dan Opera

Kode Perintah :
<form>
<input type="button" value="Print This Page" Onclick="print()" ;>
</form>

Mudah bukan ? Selamat Mencoba.

I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

4 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *