02 Menambah fitur anti klik gambar

Proses Menambah fitur anti klik gambar

Pada awalnya tip gambar yang sudah di upload akan tersimpan di google foto secara otomatis dan batasan per harinya antara 1Gb atau lebih tapi kurang dari 2GB> Dan jika di total upload per album foto gambar maximum 20.000 foto dalam satu album. Dan jatah untuk postingan perhari untuk pengguna hosting blogger yaitu 100 post perhari> Hal ini kita mempunyai batasan yang relevan untuk upload 100 chapter manga perhari. Tapi jangan khawatir untuk menghadapi batasan ini masih banyak trik dan tips nya tapi bahasannya nanti dalam postingan berikutnya. ok yang perlu di ingat pada fitur ini kita memerlukan codescript javascript dan css untuk membuat gambar secara responsive dan tak bisa di klik secara otomatis. Hal yang penting lagi saat menambah fitur antik klik secara otomatis maka kita akan menaruh nya diantara kode  <data:post.body/>

Kode script CSS

<style>

img{

width: 100%;
height: auto;

}

</style>

Perlu di ingat itu kodescript jangan salah menempatkan karna jika asal asalan maka semua gambar dalam satu blog akan berubah bentuknya

Kode script anti klik gambar

<script type="text/javascript">

//<![CDATA[

$(".separator a:has(img)").each(function() { $(this).replaceWith($(this).children()); });

//]]>

</script>

selain menggnakan javascript kita juga bisa menggunaka anti klik dengan kode script CSS seperti code di bawah ini

<style>

.post-body img {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    background: #fff;

    height: auto;

    max-width: 100%;

    border: 0

}

 </style>

kode diatas jika kalian pakai bisa saja untuk tiap postingan jika mengalami bug

alwi

Apa tujuanmu datang ke blog ini ?

Share this post