Cara Membuat Print This Page dengan CSS di Blog

Cara Membuat Print This Page dengan CSS di Blog - Print adalah alat cetak pada kertas, perangkat keras ini digunakan untuk mencetak dokument telah kita buat. Tentunya anda sudah tidak asing lagi dengan fitur print this page dapat diterapkan diBlog, karena diluaran sudah banyak dibahas oleh sahabat Blogger.

Fitur print this page yang akan saya share berikut ini mungkin berbeda, kaena pemasangannya dengan CSS. Sebagai contoh anda bisa melihatnya print this page yang berada dibawah judul postingan. Bagi anda yang ingin memasang print this page dengan CSS berikut ini langkah-langkahnya :

Cara Membuat Print This Page dengan CSS di Blog

1. Login keakun Blogger
2. Pilih Template  » Klik Edit HTML
3. kemudian anda cari kode ]]></b:skin>
4. selanjutnya anda terapkan kode dibawah ini diatas ]]></b:skin>

.button-print{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZKtrlduxDphyphenhyphenutHlqsOfqpSBKPpQv7MPH4NDXvDE23fpt2egxr_FOUfRxjvJX9Y0UTW6P0BtXPgPVO_zNCUPAhr1DnWA2x-Tk14qZs9uNrtlPeE4LQXPZU9XVzan0zHHn25mMhrQMvls/s1600/printerIcon.jpg);background-repeat:no-repeat;}
.button-print{font-size:10px;display:block;float:left;padding:4px 21px;}

5. Selanjutnya anda cari kode <data:post.body/>

6. kemudian anda terapkan kode dibawah ini :

<a class='dte_top-line-button button-print' data-icon='' href='javascript:window.print();' id='button-print'>Cetak</a>

Note :

• Jika anda ingin menerapkan diatas postingan terpkan kode diatasnya
• Jika anda ingin memasang dibawah postingan anda terapkan dibawahnya

Demikian Cara Membuat Print This Page dengan CSS di Blog, jika anda menyukai artikel ini sangatlah senang jika anda memberikan komentar anda.
sekian dari saya, jangan lewatkan juga artikel menarik aak lainnya. saya ucapkan terimakasih dan semoga bermanfaat!

Share this post