Anti Copy/ No Copy Image using CSS3

Untuk membuat fungsi anti copy image/gambar menggunakan css3 kita hanya memerlukan kode css yang nantinya harus disimpan di atas kode ]]></b:skin> yang letaknya di atas tag penutup </head>.

1. Login ke blogger
2. Halaman Dasbor (Dasboard)
3. Klik Rancangan (Design)
4. Klik Edit HTML
5. Cari kode ]]></b:skin>. Gunakan Ctrl + F untuk mempermudah dan mempercepat pencarian kode. Bagi yang belum jelas buka Special Tutorials yang ada di deret menu sebelah kiri.
6. Latakkan kode CSS tepat di atasnya
7. Klik Save Template

Kode CSS dan posisinya thd ]]></b:skin>

/* no-c0de * 02 januari 2012 */
.anticopy_left, .anticopy_center{
     position:relative;
     float:left; /* original code by:no-c0de.blogspot.com */
     padding:0;
}
.anticopy_center{
     float:none;
     margin:0 auto;
     text-align:center;
}
.anticopy_left:before, .anticopy_center:before{
     content:"";
     padding:5px;
     height:100%;
     margin-top:-5px;
     margin-left:-5px;
     width:100%;
     left:0;
     top:0; /* original code by:no-c0de.blogspot.com */
     position:absolute;
}

Kode HTML posting anti copy: Image di kiri

<div class="anticopy_left"> <img src="image.jpg" style="float:left;margin:5px 15px 5px 0;width:...px;height:...px;" /> </div>

Kode HTML posting anti copy: Image di Tengah

<div class="anticopy_center">
<img src="image.jpg" style="float:none;margin:10px auto;text-align:center;width:...px;height:...px;" />
</div>

Bagikan :

• Tweet

Terkait

Anti Copy/ No Copy Image using CSS3

Description: Anti Copy/ No Copy Image using CSS3 Rating: 4.5 Reviewer: Anonim ItemReviewed: Anti Copy/ No Copy Image using CSS3

Al

Mbah Qopet Updated at: 10.08