Blogger İçerik Gizleme/Gösterme (Spoiler) Butonu Oluşturma

                                     

Blogger blog yazılarnızda içerik saklamak için kullanabileçeğiniz diğer bir seçenek spoiler butonu yani içerik 

gösterme gizleme kodları.

Bu kodu iki farklı şekilde blogunuzda kullanabilirsiniz.

1.Gatget olarak kullanarak.Kumanda Paneli>Yerleşim>Gatget Ekle>Html Javascript olarak ekleyebilirsiniz.

2.Diğer yöndem ise istediğiniz yazılarda kullanabilirsiniz.Yazılar içinde kullanmak için ise HTML kısmına gelerek kodları ekleyip düzenleyeceksiniz.

KODLAR:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">Başlık : <input value="Saklı İçeriği Göster-Spoiler" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;background: #f5f5f5 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(127, 69, 0); line-height: 1.5em;"><div style="display:none;">Saklamak İstediğiniz İçeriği Göster<br /></div></div></div>

 Kırmızı ile işaretlenmiş olan kısımları siz kendinize göre doldurun.

Örnek Gösterim:

Bilgi Cafem 61 :

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