Blogger gizle göster butonu

Ziyaretçileri etkilemek bloğunuza daha fazla trafik çekmek için önemlidir. Herkes içeriğin kral olduğunu ve iyi ve ilginç bir içerik yazmanın önemli olduğunu bilir.


Ayrıca, blog yayınlarınıza özel efektler ekleyerek ziyaretçilerinizi etkileyebilirsiniz.


 Bu etki spoyler veya gizle / göster efekti olarak bilinir. Bu efekt, metin içeren bir düğme görüntüler; içeriği genişletmek için tıklamak gerekir tıklandığında içerik görünür, içeriği tekrar tıklattığınızda içeriği gizlersiniz.


Kullanım alanları:  resim, kod, metin vb.
Ne olursa olsun gizleyebilirsiniz. Bugün bu yazıda, Blogger'da Spoiler Nasıl Ekleneceğini  Gizle / Göster düğmesini öğreneceğiz.

 ÖRNEK:

GİZLİ İÇERİK AÇILDI

Bloğunuzda konu içerisine istediğiniz bir yere bu kodları koymanız yeterli

<div id="spoiler" style="display:none"> 
ADD YOUR HIDDEN CONTENT HERE 
</div> 
<button title="Click to Show/Hide Content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/Hide</button>

Yükleniyor