Mengizinkan Copy Teks Pada Bagian Tertentu Saja Meski Blog Sudah Dipasang Script Anti Copas

Mengatur Fungsi Copy Teks | Diwapedia

---

Membuat postingan dari artikel blog yang tidak bisa di copy paste memang sangat membantu dalam mengamankan konten. Tapi terkadang juga hal ini membuat kurang nyaman pengunjung yang ingin meng-copy beberapa bagian dari artikel untuk bahan pembelajaran ataupun hal lainnya.

Misalkan kita membuat artikel mengenai tutorial yang berisi script / syntax sebuah program. Tentu pengunjung tidak mau repot menulis ulang script / syntax tersebut. Bahkan bisa jadi blog kita malah ditinggalkan karena dianggap merepotkan dan tidak friendly.

Nah untuk mengatasi permasalahan tersebut, berikut merupakan tutorial untuk membuat sebagian artikel blog bisa di copas meskipun sudah diterapkan script anti copas.

Tutorial Sebelumnya

• Cara Agar Tulisan Artikel Blog Tidak Bisa di Copas (Copy Paste)

1. Login ke Blogger.com 

2. Akses Theme > Edit HTML

3. Cari </head>. Gunakan CTRL+F untuk mode pencarian.
4. Setelah ketemu, copy berbagai script di bawah ini sesuai kebutuhan kalian, lalu paste-kan tepat di atas tag </head>.

Adapun berbagai script yang bisa digunakan untuk membuat sebagian artikel blog bisa di copas meskipun blog kalian sebelumnya sudah menggunakan anti copas adalah sebagai berikut.

1. Script bebas copas modifikasi sendiri

Untuk script ini sendiri merupakan hasil modifikasi dan pengembangan saya pribadi. Saya fikir blog yang tidak bisa di copas artikelnya memang sangat bagus untuk menjaga konten. Tapi terlalu pelit juga kurang baik.

Nah akhirnya saya membuat sendiri script CSS nya. Contoh hasilnya seperti di bawah ini.

Sampel #1

Silahkan Copas

Coba aja copas text ini.
Ini Bukan Qotes. Text Artikel Biasa kok.
Kamu Bisa Isi Sama Text Apa Aja.

Sampel #2

Coba aja copas text ini. Coba aja copas text ini. Coba aja copas text ini. Coba aja copas text ini. Coba aja copas text ini. Coba aja copas text ini. Coba aja copas text ini.

Adapun script CSS adalah dibawah ini. Kalian bisa salin dan paste-kan tepat diatas tag </head>.

<style type='text/css'>
/* Modifikasi Bebas Copas*/

.bebascopas {
background-color:#FCFCFC;
position:relative;
display:inline-block;
border:2px solid #B70303;
margin:20px 0;
border-radius:5px;
}

.bebascopas h5{
color:#FFF;
background-color:#B70303;
position:absolute;
margin-left:10px;
margin-top:-14px;
padding:0 15px;
border:2px solid #B70303;
border-radius:5px
}

.bebascopas .isi {
position:relative;
margin:10px 10px 10px 10px;
padding:0 15px;
 -webkit-touch-callout:text;
 -khtml-user-select:text;
   -webkit-user-select:text;
   -moz-user-select:text;
   -ms-user-select:text;
}

</style>

Untuk cara penggunaannya dalam pos artikel, ikuti langkah-langkah berikut.

     a. Buat New Post
     b.  Pada halaman Post, Ubah ke mode pengetikan HTML 
     c. Copy script HTML dibawah ini kemudian paste di halaman new post tadi.

<div class="bebascopas">
<h5>Silahkan Copas</h5>
<div class="isi">

//Isi text apa saja disini yang mau di bebas copas-kan.


</div>
</div>

     d.  Setelah di paste, kembalikan lagi ke mode Compose. 

Nah sekarang kamu bisa memasukan text apa saja yang mau di bebas copas-kan di halaman Compose pada area artikel tersebut.

Penjelasan :
Sample #1 dan #2 sebenarnya menggunakan kode script yang sama. Hanya saja, sample #2 tidak menggunakan tag <h5> </h5>, sehingga tidak ada header.

Teks Silahkan Copas yang ada di antara tag <h5><h/5> juga bisa kalian rubah sesuai kebutuhan.

2. Script bebas copas yang biasa digunakan para blogger

Kalian bisa salin dan paste-kan script dibawah ini ke template blog kalian tepat diatas tag </head>.

/* ---Kode Agar Bagian tertentu Bisa Di Copy Paste---*/
<style type='text/css'>
blockquote,.post pre,.post code{
  -webkit-touch-callout:text;
  -khtml-user-select:text;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
}
</style>

Penjelasan & Cara Menggunakannya :

blockquote  

Toolbar Quote | Diwapedia

Bahwa setiap kali kita membuat Quotes dalam sebuah postingan artikel, maka text quotes tersebut dapat di salin oleh pengunjung.

Contoh hasilnya seperti dibawah ini.

Text Quotes Ini Bisa Di Salin

.post pre & .post code  -- (Syntax Highlighter)

Bahwa tag pre dan tag code ini berada di dalam lingkungan class post. Kedua tag script ini merupakan tag yang biasa digunakan untuk menampilkan bentuk syntax highlighter alias penampil script yang cukup keren dalam sebuah postingan artikel.

Cara menggunakannya adalah :

     a. Buat New Post
     b. Pada halaman Post, Ubah ke mode pengetikan HTML 
     c. Buat tag syntax highlighter, contoh tagnya seperti dibawah ini. Kalian bisa langsung copy.

<pre title="Cara Menampilkan Syntax di Postingan Blog">
<code>

<!--Paste Hasil ParseHTML Disini-->

</code>
</pre>

 
     d. Pilih syntax / script mana yang mau kalian bagikan dalam artikel.
     e. Syntax / script terpilih di parse dulu agar terbaca sebagai text biasa.
         Kalian Bisa Melakukan Parse Script  Disini.

     f. Hasil Parse baru di paste di bagian yang sudah saya beri keterangan.
     g. Save dan Preview hasilnya.


Jika ada masalah, silahkan tinggalkan jejak di kolom komentar.

Related Search
cara membolehkan copy sebagian teks di blog yang tidak bisa di copy