Cara Di Sablekan CTR+U Dan Anti Copi Paste Pada Artikel Kita

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zi4qnl9iPju3CU8AqfYBWnfM8KWCJhZb5qsYaj_7wWSSERNgSyugF1reF7Oasd1MxDPUcfb-z_34KHrmCXXHhpuHaVNun7dy6WBh1CkFtLFfwfn82ZIEs8SwE-k_zeqlxkzDE5Uv_T4/s400/antiklikkanan.jpg"><img height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0zi4qnl9iPju3CU8AqfYBWnfM8KWCJhZb5qsYaj_7wWSSERNgSyugF1reF7Oasd1MxDPUcfb-z_34KHrmCXXHhpuHaVNun7dy6WBh1CkFtLFfwfn82ZIEs8SwE-k_zeqlxkzDE5Uv_T4/s400/antiklikkanan.jpg" title="Contoh 1 : Kode tanpa Konverter" width="400" /></a></div> <br /> <div dir="ltr" style="text-align: left;" trbidi="on"> Salah satu cara <strong>mencegah pencurian artikel blog</strong> adalah dengan cara mematikan klik kanan dan disable text selection agar tidak bisa copy paste (copas) teks di blog kita. “Fenomena” CoPas sepertinya tak akan pernah mati dan bahkan sudah terlalu biasa sehingga sudah tidak ada lagi rasa malu bagi pelakunya. Kebiasaan ini sangat susah dihilangkan dan membudaya dari mulai anak sekolah, mahasiswa bahkan hingga blogger. Lebih parahnya lagi, copy paste artikel tidak hanya dilakukan oleh blogger pemula saja, tapi juga blogger senior (ex blog ini www.impoint.info suka copas artikel saya). Saya sendiri seringkali kesal jika menemukan artikel saya di salin mentah-mentah tanpa izin serta tidak memberikan kredit pada sumber aslinya, padahal jelas-jelas saya sudah memberikan maklumat tentang larangan CoPas pada bagian bawah tulisan. Hmmhh.., apa mau dikata, sudah di uratnya kali ye? 😆<br /> <br /> <div class="wp-caption aligncenter" itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject" style="width: 559px;"> </div> <div class="wp-caption-text"> Kode dan Cara Mematikan Klik Kanan dan Copy Teks di Blog</div> Kita tahu website/ blog bersifat open source sehingga siapa saja dapat dengan mudah mengakses, membaca baik artikel jadi maupun page sourcenya dan lebih jauhnya menyalin serta mempublikasikan ulang artikel. Belum lagi browser juga menyediakan menu klik kanan yang semakin mempermudah copy teks dan melihat sumber htmlnya. Nah, untuk meminimalisir resiko CoPas artikel kita dapat <span style="color: red;"><b>mematikan klik kanan dan text selection atau copy teks</b></span>. Caranya mudah saja, silahkan gunakan kode di bawah ini dan simpan pada bagian head halaman html Anda:<br /> <strong>Mematikan Klik Kanan Browser</strong><!--original content from http://blog.finderonly.net/ do not copy without permission!--><br /> <ul> <li>Bagi pengguna WordPress dari dashboard, pilih appearance – theme editor – dan buka header.php. Sementara pengguna blogger dan CMS lainnya, pastikan Anda tahu template html Anda.</li> <li>Salin kode di bawah dan simpan di mana saja sebelum penutup tag head, <span class="b"></head></span></li> <pre class="brush:js;"><script type="text/javascript"> function mousedwn(e){try{if(event.button==2||event.button==3)return false}catch(e){if(e.which==3)return false}}document.oncontextmenu=function(){return false};document.ondragstart=function(){return false};document.onmousedown=mousedwn </script> </pre> <li>Save dan simpan perubahan.</li> </ul> <strong>Disable Text Selection/ Mencegah Copy Teks</strong><br /> Untuk mencegah copy teks atau disable text selection, lakukan cara seperti di atas dan tambahkan kode/ script berikut:<br /> <pre class="brush:js;"><script type="text/javascript"> function disableSelection(e){if(typeof e.onselectstart!="undefined")e.onselectstart=function(){return false};else if(typeof e.style.MozUserSelect!="undefined")e.style.MozUserSelect="none";else e.onmousedown=function(){return false};e.style.cursor="default"}window.onload=function(){disableSelection(document.body)} </script> </pre> Atau salin kedua kode di bawah ini yang <span class="b">sudah digabungkan</span>:<br /> <pre class="brush:js;"><script type="text/javascript"> function mousedwn(e){try{if(event.button==2||event.button==3)return false}catch(e){if(e.which==3)return false}}document.oncontextmenu=function(){return false};document.ondragstart=function(){return false};document.onmousedown=mousedwn </script> <script type="text/javascript"> function disableSelection(e){if(typeof e.onselectstart!="undefined")e.onselectstart=function(){return false};else if(typeof e.style.MozUserSelect!="undefined")e.style.MozUserSelect="none";else e.onmousedown=function(){return false};e.style.cursor="default"}window.onload=function(){disableSelection(document.body)} </script></pre> <blockquote class="tr_bq"> <span class="b">Catatan:</span> Jika Anda tidak dapat menyalin kode di atas silahkan download kodenya pada file<br /> Kode di atas adalah javascehinript sgga bisa dipastikan dapat bekerja pada setiap jenis halaman html baik blogger (blogspot), wordpress, drupal, joomla dan lain-lain. Namun mengingat kode di atas adalah javascript maka kelemahannya adalah jika browser si pengguna menonaktifkan javascript. Tapi jangan khawatir, hal ini masih bisa pula di atasi dengan trik lainnya yang lebih lengkap, silahkan baca <a href="http://renz-files.blogspot.com/2017/05/cara-di-sablekan-ctru-dan-anti-copi.html">Cara Jitu Mencegah Copy Paste blog.</a> Demikian, semoga bermanfaat!</blockquote> </div> </div>

Cara Membuat Convert Code HTML Di Blogger

<b>Konversi Kode</b> atau yang biasa disebut <b>Parse HTML</b> pada dasarnya memiliki fungsi yang sama dengan <b>Ad Converter </b>atau konversi kode iklan seperti Google Adsense. Tujuannya adalah untuk menulis suatu kode HTML atau Javascript, bukan membacanya sebagai kode. Tool ini sangat berguna dan wajib dimiliki oleh blogger yang berkecimpung di bagian Tutorial Web dan Edit Web seperti blog DesainKode ini. Selain dalam postingan, untuk menulis kode pada bagian <b>komentar blog</b> juga perlu di konversi sebelumnya.<br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="cara membuat konversi kode iklan parse html" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQHATLpInYT1eXZN9zRxbS5SwiJ_F7TDcORMIS0vR5DpX628tM5yIdV9Aj_bO6qzShS4yVyQeIcnYgCEX4gqNTAQUXz269zuYHiwnYVysDnH_aMFMG2C9LYlZH9sXWjORdQIuAg56bxEo/s640/tool-konversi-kode-iklan-parse-html.png" title="Tool Code Converter - Parse HTML" width="640" /></div> <br /> Bagi yang belum mengerti penggunaan Konversi Kode, lihat contoh perbedaan dengan dan tanpa penggunaan tool Konversi ini :<br /> <br /> <b>Contoh 1 :</b> Saat menuliskan kode di postingan blog dalam mode HTML (bagian atas), apabila tidak di konversi maka hasil postingannya akan tampak seperti pada bagian bawah (blogger membacanya sebagai kode).<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpMrE0cmchK62LboteDvHVHs8N4LtF08EPvBgcOf41xEU6uLiStHQWgtD0IZqNRg7yMVAVznPePzHv2eJPdafmspNgpdro2dVANgowopqXt6MC0J_ZGDXv7ZpAvkPXf362SJWhSjNfN8/s1600/kode-konverter-parse-html.png"><img alt="membuat tool code converter parse html" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpMrE0cmchK62LboteDvHVHs8N4LtF08EPvBgcOf41xEU6uLiStHQWgtD0IZqNRg7yMVAVznPePzHv2eJPdafmspNgpdro2dVANgowopqXt6MC0J_ZGDXv7ZpAvkPXf362SJWhSjNfN8/s400/kode-konverter-parse-html.png" title="Contoh 1 : Kode tanpa Konverter" width="400" /></a></div> <br /> <b>Contoh 2 :</b> Saat menuliskan kode yang sudah di <b>konversi </b>dengan Tool Code Converte (bagian atas), maka hasilnya postingannya akan tampak seperti pada bagian bawah (tidak di baca sebagai kode, melainkan sebagai tulisan).<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnP2B-dxqtJaYsmnIx4oVIjyZxU4_EVxK6GzWTPmuEjwphur5aiKbxfOxFz4Ih-bBTtgJ8RZk8QWWic_hspQv_4n1Ja3-LNIO8wKpsnwKsDiJnO5tQVt7tmz_vBTwG-foQ-pBC6s-C5yM/s400/konversi-kode-ad-konverter.png"><img alt="membuat tool code converter parse html" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnP2B-dxqtJaYsmnIx4oVIjyZxU4_EVxK6GzWTPmuEjwphur5aiKbxfOxFz4Ih-bBTtgJ8RZk8QWWic_hspQv_4n1Ja3-LNIO8wKpsnwKsDiJnO5tQVt7tmz_vBTwG-foQ-pBC6s-C5yM/s400/konversi-kode-ad-konverter.png" title="Contoh 1 : Kode tanpa Konverter" width="400" /></a></div> <br /> Dalam tutorial ini, kita akan membuat Tool Konversi Kode tersebut pada halaman statis blog. Beda dari yang biasa di jumpai, tool ini sudah dilengkapi dengan pilihan character yang ingin di konversi. Berikut ini karakter yang akan dikonversi :<br /> <ul> <li><span style="color: red;"><b><</b></span> menjadi <b><span style="color: red;">&lt;</span></b></li> <li><span style="color: red;"><b>></b></span> menjadi <span style="color: red;"><b>&gt;</b></span></li> <li><span style="color: red;"><b>"</b></span> menjadi <span style="color: red;"><b>&quot;</b></span></li> <li><b><span style="color: red;">'</span></b> menjadi <span style="color: red;"><b>&#039;</b></span></li> <li><span style="color: red;"><b>&</b></span> menjadi <span style="color: red;"><b>&amp;</b></span></li> </ul> <br /> Untuk membuatnya sangat mudah, silahkan diikuti langkah-langakah berikut:<br /> 1. Buka <b>Menu Pages </b><i class="fa fa-arrow-right"></i> <b>New Page</b><br /> <br /> 2. Copy dan Paste Kode Berikut pada Mode HTML<br /> <pre style="height: 300px; overflow-x: hidden;"><code><textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <div class="button-group"> <button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div> <ul id='wrapin'> <li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li> <li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li> <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li> <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li> <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code></li> </ul> <style type="text/css"> code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;} #codes{font:13px 'Courier New',Monospace;border:1px solid #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#f3f3f3;color:#333;padding:15px;} .button-group{margin:0 auto 0;text-align:center} button,button[disabled]:active{border: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;} button:active{background:#3f92e1;} button[disabled],button[disabled]:active{background:#3f92e1;} #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;} </style> <script type="text/javascript"> function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; wtarea.focus(); document.getElementById('convert').disabled = false; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value, opt1 = document.getElementById('opt1'), opt2 = document.getElementById('opt2'), opt3 = document.getElementById('opt3'), opt4 = document.getElementById('opt4'), opt5 = document.getElementById('opt5'); cv = cv.replace(/\t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&amp;"); if (opt2.checked) cv = cv.replace(/</g, "&lt;"); if (opt3.checked) cv = cv.replace(/>/g, "&gt;"); if (opt4.checked) cv = cv.replace(/"/g, "&quot;"); if (opt5.checked) cv = cv.replace(/'/g, "&#039;"); ctarea.value = cv; ctarea.focus(); ctarea.select(); }; </script></code></pre> <br /> 3. Publish dan Lihat hasilnya<br /> <br /> <b>Note :</b> Edit seperlunya. Ganti bagian <span style="color: red;">width:550px</span> untuk lebarnya dan <span style="color: red;">height:250px </span>untuk tingginya, sesuaikan dengan keinginan dan ukuran template masing-masing.<br /> <br /> Sekian tutorial cara membuat Tool Konversi Kode (Parse HTML). Jangan lupa subscribe di bagian footer blog ini untuk berlangganan artikel terbaru blog saya ini