Memberi Watermark didalam Artikel

Watermark biasanya hanya ada didalam Gambar dan Video saja tapi kali ini saya akan membagikan cara "Membuat Watermark didalam Artikel".

Yang mana berfungsi jika Artikel kalian dicopas Watermark tersebut akan muncul, meski ada kekurangannya Watermark dapat dihapus oleh sikang copas.

Meski begitu Watermark ini mengingatkan sikang copas bahwa Artikel kita boleh dicopy asalkan di beri Watermark ataupun Sumber. Langsung saja gas caranya.

Memberi Watermark didalam Artikel
Dagruel

Cara Membuat Watermark didalam Artikel

Pertama pastikan didalam blog kalian sudah terpasang jQuery jika belum pasang terlebih dahulu.

Selanjutnya salin 2 script dibawah dan letakkan diatas tag </body> didalam Template kalian masing-masing.

<script type="text/javascript">
jQuery(document).ready(function(e){var t=document,n=t.body,o=t.documentElement,r=location.href;my_ja_function=function(e){e=e.getElementsByTagName("script");for(var t=e.length-1;t>=0;t--){var n=e[t];n.parentNode.removeChild(n)}},my_M_function=function(e,t){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},my_w_function=function(e,n,o){return e=t.createElement(e),my_M_function(n,e),my_M_function(o,e.style),e},jQuery.fn.save_data=function(t){var n=wp_copy.url+"/wp-copy-ajax.php?my_task=add",o=wp_copy.nonce,a="nonce="+o;a+="&link="+r,wp_copy.save_content&&(a+="&content="+t),e.ajax({url:n,async:!0,data:a,type:"POST",success:function(e){}})};var i=0;0==wp_copy.ex&&e("body").bind("copy",function(l){if(!l.target.type||"text"!=l.target.type&&"textarea"!=l.target.type){var c,p;if(c=my_w_function("div",{},{overflow:"hidden",color:"#000000",backgroundColor:"transparent",textAlign:"left",textDecoration:"none",border:"none"}),C=!1,t.selection&&t.selection.createRange){var s=o.scrollLeft||n.scrollLeft,d=o.scrollTop||n.scrollTop;p=my_w_function("div",{},{overflow:"hidden",position:"absolute",left:s+20+"px",top:d+20+"px",width:"1px",height:"1px"}),n.insertBefore(p,n.firstChild);var f=t.selection.createRange();c.innerHTML=f.htmlText+"<br><br>"+wp_copy.tag+' <a href="'+r+'">'+r+"</a>",i||(i=1,e.fn.save_data(f.htmlText)),my_ja_function(c),p.appendChild(t.createElement("br")),p.appendChild(c),b=n.createTextRange(),b.moveToElementText(c),b.select(),setTimeout(function(){n.removeChild(p),""!=f.text&&(f.select(),o.scrollLeft=s,n.scrollLeft=s,o.scrollTop=d,n.scrollTop=d),C=!1},0)}else if(a=getSelection(),i||(i=1,e.fn.save_data(a.toString())),a.toString())if(void 0!==a.setBaseAndExtent){var y=a.getRangeAt(0);b=my_w_function("span",{innerHTML:""}),b.innerHTML+="<br/><br/>"+wp_copy.tag+' <a href="'+r+'">'+r+"</a>",c.appendChild(y.cloneContents()),c.appendChild(b),c.style.width=.1,c.style.height=.1,c.style.position="absolute",c.style.top="-1000px",c.style.left="-1001px",c.appendChild(t.createElement("br")),b=c.innerText.length,n.insertBefore(c,n.firstChild),c.innerText.length!=b&&(c.style.overflow=""),a.selectAllChildren(c),setTimeout(function(){c.parentNode.removeChild(c),getSelection().setBaseAndExtent(y.startContainer,y.startOffset,y.endContainer,y.endOffset),C=!1},0)}else p=my_w_function("div",{},{height:0,position:"absolute",top:"-1000px"}),p.innerHTML="<br>",n.appendChild(p),c.innerHTML="<br><br>"+wp_copy.tag+' <a href="'+r+'">'+r+"</a>",p.appendChild(c),b=t.createRange(),b.selectNode(c),a.addRange(b),window.setTimeout(function(){p.parentNode.removeChild(p),C=!1},0);i&&(i=0)}})});
</script>
Script diatas tidak perlu diubah apapun
<script type="text/javascript">
var wp_copy={tag:"Referensi atau Sumber: Klik link",ex:0,url:"",nonce:"",ip:"",save:1,save_content:0};
</script>
Ganti Text yang ditandai sesuai keinginan kalian, text itu akan tampil bersamaan dengan url blog kalian saat sikang copas mengcopy Artikel kalian.

Jika semua sudah dilakukan coba Kalian Copy salah satu Tulisan di blog kalian dan Tempelkan kedalam maka akan muncul Tulisan yang di copy dan Watermarknya.

Sebagai contoh cobalah Copy text berikut Lorem Ipsum. Setelah di Paste maka akan tampil seperti dibawah.

Lorem Ipsum
    
Referensi atau Sumber: Klik link https://dagruel.com/memberi-watermark-didalam-artikel/

Begitulah cara nya, sekian dari saya terima kasih jika ada yang ingin ditanyakan silahkan berkomentar dibawah dengan sopan ya.

https://muslim.or.id/

Comments