02-02-2022, 09:23 AM
İlk olarak blogger panelimize giriyoruz daha sonra Tema deyip üç nokta simgesinden HTML'yi düzenle kısmına girişimizi yapıyoruz.Bu alanda CTRL + F yardımıyla ]]></b:skin> kodunu aratıp bu kodun üstüne aşağıdaki CSS kodumu ekliyoruz.
Kod:
.blog-content{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}Temamızı kaydedelim.
2.Adım
Kod:
<div class="blog-content">Örnek metin..</div>Bu manuel yol olarak olduğu için yukarıdaki örnek gibi içeriklerinizi veya sidebar'ınızı div etiketleri içine alarak da yazabilirsiniz veya class olarak direkt ekleyebilirsiniz yani bu yolu uygulayarak seçilmesini/kopyalanmasını istemediğiniz yerlerin seçilmesini/kopyalanmasını engelliyorsunuz.
2. Yol (Otomatik)
Gelelim otomatik kod kısmına aslında ben size bunu öneririm yukarıdakini tam yapamayabilirsiniz.İlk adım ekleme yolu ile istediğiniz yerleri kısıtlayabilirsiniz bu adımda ise daha sonra kısıtı çıkarmak istediğiniz yerleri vereceğim kodla rahatlıkla çıkarabilirsiniz.
Aşağıda vermiş olduğum kodları ]]>></b:skin> kodunu bularak üstüne ekliyorsunuz.Bu kodu eklediğiniz anda sitenizde test edebilirsiniz direkt çalışacaktır.
Kod:
.post-body{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}Bazı blog sahipleri kopyalanabilir kod kutucukları paylaştığından bu kod kısıtlaması onu da kısıtlıyor ve okuyucular seçemiyor.Bunu önlemek içinde veya başka bir alanın seçimin/kopyalanmanın engellenmesini kaldırmak istiyorsanız alttaki kodu da kendinize göre ayarlayıp aynı alana ekleyebilirsiniz.Alttaki kodu <pre></pre> etiketleri arasındaki yazıları kopyalama/seçme özelliğini aktif hale getirmiş oluyorsunuz.
Kod:
pre{
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}Blogger Destek Forumu