tombol print pada halaman artikel

 membuat print pada halaman artikel atau single post memang agak" terlalu tidak penting tapi bagi yang mau memasang nya buat ngeprint dan menyimpan halaman artikel bukan dari screenshot apa salah nya fitur ini lumayan baik dan valid html5 tentunya :d
  seperti  anda lihat ada tulisan print this page dibawah kanan artikel saya ini nah itu dia nanti akan di save ke komputer kita terserah mau pake format xls atau apa aja tergantung kebutuhan sih
print artikel

untuk memasang print artikel ini cukup mudah dan langkah langkah nya sebagai berikut :

untuk demo silahkan lihat blog ini


1. login ke dashboard blogger sobat
2. pilih template lalu backup terlebih dahulu ( jaga" kalo eror kan bisa dibalikin :D)
3. pilih edit html
4.pasang kode css dan kode script print artikel yang saya share dibawah ini
 - untuk kode css silahkan simpan di atas kode ]></b:skin> bila templte sobat dah di modif pasang saja sebelum </style>
 ini kode css nya tapi bila sobat mau modif css nya silahkan :D
.print {float:right;margin-left:20px}

 - untuk kode scriptnya bisa anda simpan perhalaman dibawah posting setelah anda memposting artikel atau simpan di edit html nya untuk penempatan nya setelah artikel
  simpan setelah kode berikut
 <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
    </div>
</b:if>
atau simpan sesuai selera anda :d ini kode/scriptnya nya
<div class='print'><a href="javascript:print(document)"><img src="https://2.bp.blogspot.com/-N8dd22yyjhA/UkGReCyVS5I/AAAAAAAADdM/fvrn09KviXM/s1600/printer.png" alt="print this page"/>&#160;Print this page</a>
</div>

 setelah itu simpan template anda dan coba lihat :d
 mudahkan memasang print pada artikel atau single post ini :) semoga bermanfaat

jangan berkomentar berbau SARA dan SPAM

Komentar disqus
Komentar Facebook