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

Yazılarınızın kopyalanmasını önlemek istiyorsanız bu yazımda yazdığınız bir yazınızın kopyalanmasını nasıl önlersiniz bunu anlatacağım. Bazı kişiler kopyala-yapıştır yoluyla sizin emek harcayarak yazdığınız özgün yazınızı deyim yerindeyse çalıyorlar. Bunu önlemek için birkaç CSS kodunu kullanacağız. Aşağıdaki adımları izleyerek sizde bu özelliği blogunuza kazandırabilirsiniz.

1. Adım
Blogger > Tema > HTML'yi Düzenle yolunu izleyip CTRL+F komutu ile ]]></b:skin> kodunu bulun. Aşağıda vermiş olduğum kodları ]]></b:skin> kodunun hemen üzerine yapıştırın.

1. Yol (Manuel)

CSS
.blog-content{
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

Temamızı kaydedelim.

HTML
<div class="blog-content">Örnek metin..</div>

Koyu harflerle yazılmış olan div etiketleri arasına yazdığınız metin artık seçilemez/kopyalanamaz. İster bu şekilde kullanın isterseniz de 2. Yolu takip edin.

2. Yol (Otomatik)
Aşağıda vermiş olduğum kodları ]]></b:skin> kodunun hemen üzerine yapıştırın.
Aşağıdaki kodu eklediğiniz zaman herhangi bir şey yapmaksızın yazılarınızın seçilmesi/kopyalanması önlenmiş olacaktır.

CSS
.post-body{
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

Bazı blog sahipleri benim yaptığım gibi kod vb. kopyalanması gereken öğretici şeyler paylaşıyor. Aşağıdaki kodu eklediğinizde <pre></pre> etiketleri arasına yazılan yazılar seçilme/kopyalama özelliğine açık oluyor.

CSS
pre{
 -webkit-user-select: text;
 -khtml-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 user-select: text;
}

Bu yazımda kısacası CSS ile select özelliğini deaktif etmeyi ve istenilen alanda aktifleştirmeyi anlattım. Az biraz kodlarla haşır neşir olduğunuzda bu özelliği daha farklı şekillerde kullanabilirsiniz.

Daha iyi bloglar için...