Blogger Tutorial

Cara Membuat Fasilitas Print This Page Atau Print Halaman Ini Di Blog Anda

08.23,2 Comments


Ocre, setelah cukup lama nggak meninggalkan postingan di blog ini, kali ini saya mau mengajak anda untuk kembali ke tutorial dasar Blogging, so untuk kali ini kita nggak akan ngomongin tengan CSS3 atau HTML5 hhe... kembali ke tutorial dasar, berhubung dari awal saya belum pernah menjelaskan cara membuat fasilitas Print This Page atau Print Halaman ini, jadi kali ini saya akan mengajak anda untuk membuat fasilitas Print This page atau Print Halaman ini.

Dan untuk tutorial pembuatan Fasilitas Print This Page kali ini, saya akan memberikan 3 Variant berbeda kepada anda. Jadi, silahkan pilih Variant yang menurut anda pas untuk anda gunakan di Blog anda.

Siap? mari kita buat...

1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode seperti dibawah ini:

<p><data:post.body/></p>

Atau jika kode tersebut tidak anda temukan silahkan cari kode seperti ini

<data:post.body/>

Ada donk pasti? hhe... Klo udah ketemu, silahkan diamkan dulu karena saya akan sedikit menjelaskannya dulu kepada anda. Kode diatas adalah kode isi postingan kita, So klo nantinya anda mau meletakkan Fasilitas Print This Page ini diatas postingan anda, anda bisa meletakkan Script yang akan saya berikan nanti sebelum atau diatas kode tersebut, dan sebaliknya jika anda ingin menaruhnya dibawah postingan anda, maka silahkan letakkan kode yang nanti saya berikan setelah atau dibawah kode kode tersebut.

Okeh, karena saya anggap anda sudah cukup paham dengan penempatannya, maka berikut pilihan Script fasilitas Print This Page yang dapat anda pergunakan (pilih salah satu yang anda inginkan):

Variant 1:

Bentuknya sama seperti yang saya gunakan di Blog ini, silahkan lihat di bawah judul postingan saya atau silahkan perhatikan contoh dibawah ini:



Dan Jika anda menyukainya, Silahkan Copy Script berikut:

<a href='javascript:window.print()' title='Print this Page'><img src='http://i785.photobucket.com/albums/yy131/djnand/print.gif'/></a> <script type='text/javascript'>
var authorId = &quot;C7AAB579-3D36-4A37-B7A1-0863E2F39F4B&quot;;
var pageOrientation = &quot;0&quot;;
var topMargin = &quot;0.5&quot;;
var bottomMargin = &quot;0.5&quot;;
var leftMargin = &quot;0.5&quot;;
var rightMargin = &quot;0.5&quot;;
</script>


Variant 2:

Silahkan Perhatikan atau coba klik Contoh Dibawah ini:

Dan jika anda menyukai yang ini, Silahkan Copy Script berikut:

<div style="text-align: center;"><form><input value="Print This Page" onclick="print()" type="button"></form></div>

Variant 3:

Bisa Dibilang Bentuknya hampir sama dengan yang pertama, namun disini saya menggunakan Script yang lebih sedikit karena untuk yang ke 3 saya hanya menggunakan Script intinya saja, dan bentuknya seperti dibawah ini:

print this page Print This Page

Dan jika anda lebih menyukai bentuk terakhir ini Silahkan Copy Script dibawah ini:

<a href="javascript:window.print()"><img src="http://i785.photobucket.com/albums/yy131/djnand/iconprint.png" alt="print this page" border="0"/> Print This Page</a>


Jika sudah menentukan pilihan dari 3 Variant Fasilitas Print This Page atau Print Halaman ini yang sudah saya berikan diatas, Silahkan Save template anda dan lihat hasilnya sekaligus coba anda klik untuk meyakinkan bahwa Fasilitas ini berfungsi dengan baik.

Selamat Mencoba....




hosting indonesia

You Might Also Like

2 komentar: