PrintFriendly

Tombol cetak, PDF, dan email yang benar-benar akan digunakan oleh pembaca Anda.

Sesuaikan di bawah ini, tempelkan potongan kode tersebut ke situs Anda, selesai.

Mulailah

Langkah ke-1

Pilih tombol yang ingin Anda tambahkan ke situs Anda

Langkah ke-2

Konfigurasikan pengaturan gambar

Gambar Header

Pilih gambar mana yang ingin Anda tampilkan di bagian atas halaman yang dapat dicetak. Anda dapat memilih ikon situs web Anda, yang akan menggunakan favicon situs Anda. Atau, Anda dapat memilih untuk mengunggah gambar.

Tampilkan gambar di halaman Anda

Pilih apakah Anda ingin menampilkan gambar pada halaman yang dapat dicetak dan halaman PDF.

Posisi Gambar

Opsi ini memungkinkan Anda memilih bagaimana Anda ingin gambar ditempatkan pada halaman yang siap dicetak.

Langkah ke-3

CSS Kustom (Opsional)

Untuk menyesuaikan tampilan konten atau menyembunyikan elemen dalam mode Cetak/PDF, Anda dapat menggunakan CSS khusus.

Gunakan Berkas CSS

Masukkan URL berkas CSS Anda ke dalam kolom input CSS khusus, lalu gunakan kode tombol yang dihasilkan.

Gunakan tag printfriendly-css

Anda dapat menambahkan tag `printfriendly-css` ke halaman tersebut dengan kode CSS yang tercantum di dalamnya beserta kode tombolnya.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Contoh Penyesuaian▾

Catatan:Sesuaikan cakupan peran CSS Anda ke #printfriendly dan tambahkan !important untuk mengganti gaya default

Sesuaikan margin pada Cetak/PDF

@media print {
  @page {
    margin: 5mm !important;
  }
}

Sembunyikan URL

#printfriendly #pf-src {
  display: none !important;
}

Sembunyikan Judul

#printfriendly #pf-title {
  display: none !important;
}

Gunakan Google Fonts

/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#printfriendly {
  font-family: 'Inter', sans-serif !important;
}

Cetak/PDF dalam Orientasi Lanskap

@media print {
  @page {
    size: landscape !important;
  }
}

Langkah ke-4

Konfigurasikan fitur PrintFriendly

Izinkan berbagi halaman melalui email

Opsi ini menampilkan tombol Email di jendela PrintFriendly kami. Pilih apakah pengguna Anda dapat mengirimkan URL halaman Anda melalui email kepada pengguna lain.

Izinkan pengunduhan PDF

Opsi ini menambahkan tombol PDF pada jendela PrintFriendly kami. Pilih apakah pengguna Anda dapat mengekspor halaman yang ramah cetak ke format PDF.

Izinkan pengguna untuk membuat versi halaman web Anda yang dapat dicetak.

Opsi ini menambahkan tombol Cetak pada jendela PrintFriendly kami. Pilih apakah Anda ingin pengguna Anda membuat versi halaman web yang ramah printer.

Izinkan pengguna untuk menghapus konten dari halaman yang dapat dicetak.

Opsi ini memungkinkan pengguna Anda menghapus konten dari halaman yang dapat dicetak sebelum mereka mencetak atau menyimpan halaman tersebut dalam format PDF. Pengguna tidak dapat menghapus konten dari situs web Anda yang sebenarnya.

Fitur Eksklusif Pro

Enkode gambar dalam format base64.

Aktifkan fitur ini jika situs Anda tidak dapat diakses publik, jika penyedia layanan Anda memblokir permintaan gambar dari pihak ketiga (misalnya Zendesk), atau jika gambar tidak tersedia dalam file PDF

Sertakan konten yang tidak terlihat

Secara default, PrintFriendly Pro hanya akan menampilkan konten yang terlihat di halaman. Aktifkan fitur ini jika Anda ingin PrintFriendly menampilkan konten yang tersembunyi. (Misalnya, konten di tab yang tersembunyi)

Langkah ke-5

Sisipkan kode ini di tempat Anda ingin tombol Cetak PrintFriendly muncul.

<printfriendly-options style="display:none;" data-content-features="disableClickToDel=0;hideImages=0;imageDisplayStyle=block;disablePDF=0;disableEmail=0;disablePrint=0;encodeImages=0;showHiddenContent=0;"></printfriendly-options><script>var pfBtVersion='3';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//www.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf);})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="PrintFriendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/new/three-icons-light.svg" alt="PrintFriendly and PDF"/></a>

Dapatkan PrintFriendly Pro

PrintFriendly Pro sudah sesuai dengan GDPR, serta dilengkapi dengan banyak fitur hebat. Beli sekarang untuk domain Anda.

Unduh Print Button Pro