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

03 Aralık, 2016
Blogger alıntı kısmını tek tıkla seçme
Blogger alıntı kısmını tek tıkla seçme
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.

1 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. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.