Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Buat dan Pasang Fungsi/Fasilitas Print Menggunakan Javascript

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 «

3 komentar:

  1. Matur nuwun Pak utk tutorialnya.eh Pak,kok nama blog Bapak gag di ubah domainnya jd .co.cc..?
    adakah pertimbangan lain utk hal ini.?(ahmad-mufid.blogspot.com)

    BalasHapus
  2. cara munculkan di tiap halaman gimana mas?

    BalasHapus
  3. TQ ilmunya, langsung dicoba mudah2an berhasil.....

    BalasHapus

 
GR | Edited by | gubhug reyot