Free Ebook Tutorial from Rosihan Ari's Blog

Ebook Javascript | Ebook PHP | Ebook AJAX | Ebook CSS | Ebook FPDF | Ebook Wordpress | Ebook Java SE




Membuat Fasilitas Cetak Artikel di WordPress dengan Google Print Cloud


March 3rd, 2012 | by rosihanari |


Jual kaos

Jika Anda perhatikan di blog saya ini, maka di setiap artikel/postingan tersedia tombol untuk mencetak artikel tersebut via Google Print Cloud. Letak tombol ini tepatnya di bawah judul artikel.

BTW… Apa sih kelebihan cetak artikel via Google Print Cloud? Ya… dengan fitur tersebut, ketika Anda browsing blog ini menggunakan gadget apapun, misalnya tablet PC atau HP yang browsernya mendukung Javascript, Anda bisa langsung cetak ke printer melalui layar gadget Anda, meskipun gadget Anda tidak terkoneksi ke printer langsung. Lantas.. dari printer mana artikel ini akan dicetak? yaitu melalui printer yang sudah Anda register atau didaftarkan di Google Print Cloud. Menarik bukan???

Dalam artikel ini, akan saya paparkan cara menambahkan tombol print artikel via Google Print Cloud ini di blog WordPress Anda. Alangkah lebih cantik jika tombol ini diintegrasikan dengan plugin WP Print, karena dengan plugin ini akan digenerate sebuah halaman yang printer friendly untuk setiap artikelnya. Nah… Google Print Cloud ini nantinya akan mencetak halaman printer friendly yang dihasilkan oleh plugin WP Print.

OK.. langkah pertama yang harus Anda lakukan adalah membongkar file single.php di folder theme WordPress yang Anda gunakan. Kemudian.. misalkan kita ingin meletakkan tombol print ini di bawah judul postingan, maka yang Anda lakukan adalah mencari bagian di single.php tersebut yang menampilkan judul postingan, yang biasanya berbentuk sbb:

<h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>

Nah… setelah ketemu baris di atas, lalu Anda letakkan kode berikut ini di bawah baris title postingannya

<div id="print_button_container">
<script src="http://www.google.com/cloudprint/client/cpgadget.js">
</script>
<script defer="defer">
  var gadget = new cloudprint.Gadget();
  gadget.setPrintButton(cloudprint.Gadget.createDefaultPrintButton("print_button_container"));
  gadget.setPrintDocument("url", "[document title]", "[document URL]");
</script>
</div>

Sumber: Google developers

Kode di atas, sering disebut Google Print Cloud Element (GPC Element)

Selanjutnya, jika Anda perhatikan pada script di atas ada 2 parameter yang harus diisi yaitu [document title] dan [document URL]. Parameter [document title] digunakan untuk menampilkan judul dokumen yang akan dicetak. Anda bisa memberikan judul dokumen tersebut nantinya dengan judul artikelnya. Sedangkan parameter [document URL] untuk menentukan URL dokumen yang nantinya akan dicetak oleh Google Print Cloud. Tentu saja, [document URL] ini nanti berisi URL setiap artikelnya.

Nah… yang menjadi masalah adalah, bagaimana supaya kedua parameter tersebut secara otomatis digenerate judul dokumennya sesuai artikel yang akan dicetak, dan juga URL dokumennya sesuai dengan URL artikelnya?

Untuk mendapatkan URL setiap masing-masing artikel, kita menggunakan function

<?php echo get_permalink(); ?>

Apabila Anda sudah menginstall plugin WP Print, bisa dimodif perintah di atas menjadi

<?php echo get_permalink()."/print/"; ?>

supaya URL artikelnya mengarah ke halaman printer friendly yang dihasilkan oleh WP Print.

Sedangkan untuk mendapatkan judul artikelnya yang nanti akan ditempatkan di parameter [document title], gunakan perintah

<?php the_title(); ?>

Sehingga kode GPC elementnya setelah dimodifikasi menjadi

<div id="print_button_container">
<script src="http://www.google.com/cloudprint/client/cpgadget.js">
</script>
<script defer="defer">
  var gadget = new cloudprint.Gadget();
  gadget.setPrintButton(cloudprint.Gadget.createDefaultPrintButton("print_button_container"));
  gadget.setPrintDocument("url", "<?php the_title(); ?>", "<?php echo get_permalink()."/print/"; ?>");
</script>
</div>

OK.. setelah itu simpan kembali script single.php nya dan lihat perubahan yang terjadi di halaman artikel Anda.

Untuk melakukan print dengan Google Print Cloud suatu artikel, cukup klik saja tombol print nya kemudian akan muncul window yang meminta Anda memasukkan ID Google untuk login. Selanjutnya Anda tinggal pilih printer yang sudah diregister dan voilaa… Anda akan mendapatkan hasil printnya tanpa perlu mencolokkan printer ke laptop atau gadget Anda.

Selamat mencoba ya… semoga bermanfaat.


Kata kunci: blogging tips - google print cloud - plugin wordpress -


 

Komentar Anda ...