Membuat Tombol Print Di Blog

    Setiap blog maupun sebuah situs web manapun pasti memiliki ciri khas dan keunikannya masing-masing. Entah itu dari segi fungsi, tampilan ataupun isi. Dari ke semuanya, kemudahan bagi sang pembaca untuk mengakses halaman adalah hal yang paling penting. Untuk memudahkan sang pembaca dalam mengakses sebuah halaman mungkin ada baiknya bila kita membuat tombol print yang berfungsi memudahkan seorang pengunjung  untuk dapat mencetak secara langsung artikel yang disukainya.

    Tombol print ini penting bagi sobat yang memiliki sebuah situs atau blog terutama yang berisikan tentang sebuah diary, resep masakan, biografi para tokoh, maupun seputar informasi tertentu. Untuk membuat tombol print dan meletakkannya di setiap postingan, berikut langkah-langkahnya ;

1. Login ke Blogger

2. Pilih menu Rancangan/Design

3. Klik edit HTML

4. BackUp/Restore Template --> Download Template Lengkap

5. Edit Template --> beri tanda centang pada Expand Template Widget

6. Tekan ctrl+F, ketikkan <data:post.body/>

7. Letakkan kode berikut di bawahnya ;

<a href='javascript:print(document)'> <img alt='Photobucket' border='0' src='http://i1234.photobucket.com/albums/ff414/lexfun1/print.jpg' title='click to print'/></a>

8. Simpan template

keterangan :

* temukan kode <data:post.body/> atau yang sejenis. bila sobat menemukan lebih dari satu, letakkan kodenya pada yang pertama

* langkah ke-4 harus sobat perhatikan. untuk berjaga-jaga bila terjadi error

*http://i1234.photobucket.com/albums/ff414/lexfun1/print.jpg adalah link gambar print. sobat bisa menggantinya dengan gambar yang lain

* atribut title='click to print' bisa sobat ganti dengan sesuka hati. kata "click to print" akan muncul ketika kita meletakkan kursor di atas gambar print.

* bila ingin tombol print berada di atas postingan, letakkan kode di atas sebelum <data:post.body/>

     Untuk illustrasi tombol print nya, sobat bisa melihat di bagian atas dibawah judul artikel. Sekian, semoga bermanfaat. Jangan lupa komentar yach :)