Blogger için Otomatik Kaynak Linki Eklemek

Herkese merhaba. Bugünkü yazımızda otomatik olarak kaynak linki nasıl eklenir onu öğreneceğiz. İnternet ortamında sizin yazdığınız yazının kopyalanıp yapıştırılması çok ama çok kolaydır. Bunun önüne geçmenin birkaç yolu var. Bunlardan birini daha önceki yazımda anlatmıştım. O yazıyı okumayanlar isterlerse önce onu okuyabilirler.

Blogger CSS ile Yazılarınızın Seçilmesini/Kopyalanmasını Önlemek

Yazılarımıza Otomatik Kaynak Linki Eklemek için okumaya devam edin.

Aşağıdaki kodlardan herhangi birini Blogger > Tema > HTML'yi Düzenle yolunu izleyip CTRL+F komutu ile </body> kodunu buluyoruz. Kopyaladığımız kodu </body> kodunun hemen üstüne yapıştırın.

Örnek 1

JS
<script type='text/javascript'>
//<![CDATA[
// Copy Text
function nocopas(){var e=window.getSelection();pagelink=" Devamını Oku: "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas);
//]]>
</script>

Örnek 2

JS
<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>&copy; "+t.title+'<br>Kaynak: <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> 

Örnek 1 aşağıdaki gibi sonuçlanacaktır.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a sem ex. Praesent tellus ipsum, pellentesque nec ligula ac, accumsan porttitor tortor. Nulla nunc velit, vehicula a tempor non, laoreet euismod libero. Praesent sed augue augue. Ut a ultrices justo. Sed vel nisi vitae dolor pulvinar tincidunt et at mauris. Pellentesque interdum odio ut nulla euismod condimentum. Devamını Oku: https://moblogdemo.blogspot.com.tr/2017/12/lorem-ipsum.html

Örnek 2 aşağıdaki gibi sonuçlanacaktır.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a sem ex. Praesent tellus ipsum, pellentesque nec ligula ac, accumsan porttitor tortor. Nulla nunc velit, vehicula a tempor non, laoreet euismod libero. Praesent sed augue augue. Ut a ultrices justo. Sed vel nisi vitae dolor pulvinar tincidunt et at mauris. Pellentesque interdum odio ut nulla euismod condimentum. © Lorem İpsum Kaynak: https://moblogdemo.blogspot.com.tr/2017/12/lorem-ipsum.html

Bu örneklerden hangisi hoşunuza gittiyse onu kullanabilirsiniz.

Daha iyi bloglar için...