Advertisement

Hot News

News

Menyembunyikan element CSS

Pada ksempatan kali ini saya akan menjelaskan cara bagaimana untuk menyembunyikan element CSS agar tidak terlihat  oleh visitor.

Teknik ini sekaligus bisa juga untuk melindungi konten anda para blogger dari pengunjung agar tidak bisa di copy paste. Dan bagi Anda yang khawatir dengan konten blog Anda dan ingin melindungi artikel tersebut, silahkan terapkan cara yang akan saya bahas berikut ini.

Sebenarnya ada banyak cara / script untuk menyembunyikan element ini, namun di sini saya hanya menunjukkan salah satunya saja.

untuk model kode / trik lainnya hal menyembunyikan css bisa anda kunjungi di blog sebelah, klik tombol di bawah ini untuk mengunjungi nya.


1. Langkah Pertama

masuk ke dasbord blogger
pilih Theme - Costumize - Advanced - Add CSS. Lalu masukkan Kode Script berikut :

.disable_text_selection {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}



lalu pilih Apply to Blog


  • kode yang berwarna biru : khusus untuk melindungi konten agar tidak bisa di copy
  • kode yang berwarna merah : khusus untuk menyembunyikan konten
  • terapkan kedua-duanya jika ingin menyembunyikan sekaligus melindungi dari copy paste

2. Langkah Kedua

langkah selanjutnya adalah penerapannya pada postingan / artikel / konten blog anda.
di awal postingan/di awal bagian yang ingin dilindungi/disembunyikan tuliskan kode berikut :

<div class="disable_text_selection">

setelah itu tuliskan konten anda tepat di bawah kode tersebut

dan kemudian tutup konten anda dengan kode berikut :

</div>

hasilnya kurang lebih akan menjad seperti contoh di bawah ini

<div class="disable_text_selection">
    <h4>judul</h4>
    <p>paragraf</p>
</div>

selesai sudah teknik kali ini, semoga bermanfaat, silahkan tinggalkan komentar di bawah jika kesulitan mengikuti tutorial di atas.

Menyembunyikan element CSS Reviewed by Oki Firmansyah on September 20, 2017 Rating: 5

4 comments:

All Rights Reserved by Digital Tutor © 2017
Powered By Blogger

Contact Form

Name

Email *

Message *

Powered by Blogger.