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/>
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:
Variant 2:
Silahkan Perhatikan atau coba klik Contoh Dibawah ini:
Dan jika anda menyukai yang ini, Silahkan Copy Script berikut: 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/>
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 = "C7AAB579-3D36-4A37-B7A1-0863E2F39F4B";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
Variant 2:
Silahkan Perhatikan atau coba klik Contoh Dibawah ini:
<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
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.
Posting Komentar