Buat dan Pasang Fungsi/Fasilitas Print Menggunakan Javascript

waroho
Untuk membuat atau menampilkan fungsi/fasilitas print di blog, kita hanya perlu menambahkan sebuah javascript yang amat sederhana serta sebuah link yang bisa berbentuk teks atau gambar/image. Untuk membuat tampilanya supaya terlihat menarik, kita akan gunakan sebuah gambar mini printer (thumbnail) dengan ukuran 54px (width) dan 32px (height) , yang berupa gambar animasi gif. Javascript disimpan di antara tag <body> dan </body> atau apabila mau lebih gampang silahkan simpan melalui penambahan gadget di Element Laman (Page Element).

Cara membuat dan memasang javascript pelengkap fungsi print

  1. Login ke BloGGeR (Login ke BloGGeR).
  2. Dasboard (Dasbor) : KLIK link Layout/Tata Letak atau Design/Rancangan.
  3. Layout (Design) : KLIK Tambah Gadget.
  4. Add Gadget (Tambah Gadget) : KLIK HTML/Javascript.
  5. Copy-Paste : Letakkan javascript dan kode HTML Print di box yang tersedia, kemudian KLIK Simpan (SAVE).
  6. Open Blog (Buka Blog) : Lihat hasilnya dengan membuka blog.

Javascript dan kode HTML Print

<a href="javascript:doit()" onClick="showAlert();"><img src="http://i964.photobucket.com/albums/ae124/gubhugreyot/button/Animated-Printer.gif" border="0"/></a>
<script type="text/javascript">
<!--
//bgsGR - gubhug reyot
function showAlert() {
var massage_bgsGR = "Terima kasih atas kunjungan anda. Silahkan KLIK * ok * kemudian lanjutkan untuk mencetak!";
alert('bgsGR ::: Hallo ...! ' + massage_bgsGR + '.');}
function doit(){
if (!window.print){alert('Semoga bermanfaat bagi anda!')
return}
window.print()}
//-->
</script>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :


» Happy Blogging - gubhugreyot «

Ads Section

#buttons=(Accept !) #days=(20)

Situs web kami menggunakan cookie untuk meningkatkan pengalaman Anda browsing disini. Learn More
Accept !