Pernahkah anda pernah meng-copy atau menyalin artikel dari Kompas? Ya, ketika dicopy dan dipaste, otomatis akan ada sumber artikel tersebut.
Jika anda ingin membuat sumber diakhir postingan dan otomatis muncul. Saat orang lain copy artikel tersebut, ternyata mudah.
Di sini cukup menggunakan code javascript saja. Tujuannya walaupun sepenuhnya tidak melarang pengunjung copas artikel. Tetapi setidaknya, mereka bisa sedikit tau etika ketika copas. Yaitunya mencantumkan sumber artikelnya.
Menambahkan Sumber di Akhir Postingan Otomatis ketika di Copy
Untuk membuat ini, seperti disampaikan di atas. Akan digunakan javascript. Kode yang dimaksud adalah sebagai berikut,
<script type='text/javascript'>
//<![CDATA[
!function(e,t){var n="getSelection",o="removeAllRanges",i="addRange",l="parentNode",a="firstChild",d="appendChild",r="removeChild",s="test",c="innerHTML";if(e[n]){var p,g,f,h,u,y;t.addEventListener("copy",function(C){for(g=C.target;3===g.nodeType;)g=g[l];if(h=t.createElement("div"),(p=e[n]())&&p.rangeCount&&(p=p.getRangeAt(0))&&(f=p.cloneRange(),p=p.cloneContents())){for(;u=p[a];)h[d](u);if(!/^(pre|code)$/i[s](g.nodeName||"")&&!/(^|s)no-attribution(s|$)/i[s](g.className||"")){var v=e.location.href;h[c]+="<br><br>© "+t.title+'<br>Disalin dari: <a href="'+v+'">'+v+"</a>"}y=t.createRange(),t.body[d](h),y.selectNodeContents(h),p=e[n](),p[o](),p[i](y),setTimeout(function(){h[l][r](h),p[o](),p[i](f)})}},!1)}}(window,document);
//]]>
</script>
Sebelumnya ini bisa digunakan untuk anda pengguna wordpress ataupun blogspot. Posisi peletakkannya pada masing masing CMS adalah.
Javascript pada Blogger/Blogspot
Pengguna blogspot, atau blogger cukup banyak. Walaupun agak sedikit terbatas Wordpress, namun sekiranya blogspot cukup untuk blogger pemula.
Apalagi hanya sekedar menulis untuk blog pribadi. Nah untuk pengguna blogspot, bisa meletakkan kode java script di atas pada Theme Editor Template.
Masuk ke dashboard blogspot, lalu Tema/Theme. Lalu pilih tanda panah dan Edit HTML.
Selanjutnya cari tag </body> taruh di atas tag body tersebut. Jangan lupa simpan template anda pada pojok kanan atas ya.Javascript pada Wordpress
Untuk pengguna Wordpress juga bisa pasang kode tersebut. Setelah masuk pada Dashboard Wordpress, lalu pilih Appereance/Tampilan. Kemudian Pilih Theme File Editor.
Berikut pilih file Theme Footer. Letakkan di atas tag body. Jika anda perhatikan dari gambar di atas, bisa dilihat pada bagian berwarna kuning. Cukup mudah bukan? Jika anda keraguan dihatimu, silakan ungkapkan dikolom komentar.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment