Menambahkan Tombol Printer di Blogger

 

Artikel ini akan menunjukkan cara untuk menambahkan tombol cetak atau link printer untuk blog Blogger Blogspot. Fasilitas untuk mencetak hard copy dari posting mungkin penting bagi beberapa pengunjung terutama jika Anda seperti saya dan mempublikasikan posting panjang. Menambahkan tombol printer atau link akan menambah fungsionalitas blog Anda dan sangat bersahabat.

Alasan saya menulis artikel ini adalah dalam menanggapi seorang pembaca yang bertanya kepada saya bagaimana untuk mencetak tulisan tanpa sidebar muncul. Semua tombol dan link yang disarankan mencetak pos saja dan tidak sidebar, header atau footer. Tutorial ini melibatkan perubahan kode template tapi tidak sulit selama Anda mengikuti langkah demi langkah petunjuk ini.  

Cara Menambahkan Tombol Cetak Custom untuk Anda Blogger Blogspot Blog

Petunjuk berikut akan menempatkan tombol printer pada masing-masing halaman blog Anda di bawah posting. Hanya artikel blog itu sendiri akan dicetak bersama dengan komentar. Sidebar yang tidak akan dicetak.

Contoh tombol printer yang akan ditambahkan:

 


1. Login ke Blogger jika belum login

2. Arahkan ke Template > Edit HTML

3. Back up template Anda dengan men-download template yang penuh ke komputer Anda

4. Periksa Perluas Widget Template

5. Memunculkan toolbar pencarian dengan menggunakan CTRL + F

6. Cari baris ini dengan mengetik ke dalam kotak pencarian: 

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

7. Sekarang ganti yang sesuai dengan blok kode berikut: 

<!-- Add Printer Button by http://www.peradabanbangsa.com/-->
<span class='noprint'><p><data:post.body/></p></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>
<img src='http://i763.photobucket.com/albums/xx277/hariswanto/printer-button.gif'/></a></b:if>
<!-- End Add Printer Button by http://www.peradabanbangsa.com/-->

8. Klik Save Template untuk menyimpan perubahan.

9. Klik Lihat Blog untuk melihat tombol Anda dalam postingan.

Catatan: Jika Anda ingin mengubah ikon printer ke ikon sendiri meng-upload gambar Anda ke layanan penyimpanan foto seperti Photobucket dan perhatikan alamat URL ikon. Sekarang mengganti alamat URL dari gambar yang sudah ada untuk gambar Anda dengan mengubah baris yang diawali dengan <img src = ' 

Icon alternatif printer ;

Jadi untuk mengubah gambar printer untuk gambar lain printer kode akan terlihat seperti:

<!-- Add Printer Button by http://www.peradabanbangsa.com/-->
<span class='noprint'><p><data:post.body/></p></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'><img src='http://i763.photobucket.com/albums/xx277/hariswanto/printer-button-2.gif'/></a></b:if>
<!-- End Add Printer Button by http://www.peradabanbangsa.com/-->

Beberapa Contoh Icon Printer;

 

Sumber Referensi; blogknowhow

Tweet