Alternatif Gizle/Göster Butonu

Evet arkadaşlar son derece kullanımı kolay olan ve uzun yazılarınızda kullanabileceğiniz Html javascript kodlarıyla bazı kod ve yazılarınızı blogger'de gizleyip gösterebileceksiniz.

Her hangi bir eklentisi olmayan bu kod sayesinde işiniz kolaylaşacak.
Tamamen benim oluşturduğum bu kodu sitenizde sorunsuzca kullanabilirsiniz.
Kod içerisinde "Bilgi Cafem 61" yazan yere siz istediğiniz kısa veya uzun yazılarınızı ekliyebilirsiniz,kodu blogger'de yazı yazarken Html kısmından eklemeniz gerekiyor.
Gizle/Göster Kodu yazısı yerine siz istediğiniz buton ismini yazabilirsiniz.

İşte Kodlar:

<div style="margin:20px; margin-top:5px">
<div class="quotetitle"><b>G&ouml;ster Gizle Kodu</b> <input type="button" value="G&ouml;ster" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Gizle'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Göster'; }" /></div>
<div class="quotecontent">
<div style="display: none;">{Bilgi Cafem 61}</div>
</div>
</div>

Kırmızı ile belirttiğim yere istediğiniz yazıyı ekleyin.

Örnek olarak buradan bakabilirsiniz;

Göster Gizle Kodu

Bizi Takip Edin...
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.