Mouse ile Blogger'da alıntı (blockquote) kısmını tek tıkla seçme kodu

Mouse ile Blogger'da alıntı (blockquote) kısmını tek tıkla seçme kodu
Daha çok Blog Tecrübem gibi bloggerlar için eğitici ve öğretici blog sayfalarında alıntı (blockquote) kısmında kod paylaşımı yapılır. Ve bende istedim ki alıntı (blockquote) kısmı içerisinde paylaştığım kodları, blogger kullanıcıları rahat bir şekilde fare ile bir kere tıklayarak seçme kolaylığına sahip olabilsinler. O yüzden bu kodu paylaşmak istedim.

Benim blogum gibi kod paylaşımında bulunan bir çok blog sitesi var. Geçmişte karşılaştığım bir çok enteresan durum olmuştu bu konuyla ilgili. Örneğin bir blog sayfasında kod paylaşımı yapılmış ama paylaştığı kodu seçemiyoruz ve kopyalayamıyoruz 👀 . Sağ tık engeli koymuş sitesine. Neyse konuyu uzatmadan bu işe yarar kodu blogumuza ekleyelim.

Blogger (blogspot) da tek tıkla alıntı kısmını seçme kodunu nasıl blogumuza ekleriz?

1. İlk olarak Blogger kullanıcı paneline gidin.
2. Sol tarafta yer alan "Şablon" sekmesine tıklayın ve ardından açılan sayfada "HTML düzenle" seçin.
3. Açılan kod sayfasında Ctrl F yardımıyla </body> koduna ulaşın.
4. Aşağıda yer alan kodları kopyalayarak, </body> kodunun hemen üstüne yapıştırın.
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
pres[i].addEventListener(&quot;click&quot;, function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
 }, false);
}
</script>
Kopyalama işleminin ardından değişiklikleri kaydedin ve yapmanız gerekenler bunlardı.

Tek tık değilde iki kere tıklamayla seçilmesini isterseniz eğer, kodlar arasından kalın harfle belirtilen "click" kısmını "dblclick" olarak değiştirmeniz yeterli olacaktır.

2 yorum:

  1. Bir ara bu kodu çok uzun süre aradım. Kodların arasına karışmıştım, şimdi aramadığım halde buluyorum :)

    YanıtlaSil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

 

Bumerang - Yazarkafe

Copyright © 2016 - 2017 Blog Tecrübem - Kişisel Blog Sitesi. Tüm hakları saklıdır.
I Blogger!