Yazıyı Göstermek ve Gizlemek Eklentisi (Spoiler gibi)



Blogger için yazı göstermek ve gizlemek dediğimizde aklımızda ne olabilir bu diye geçiyordur şöyle ifade edeyim sizlere herhangi bir uzun yazınız olsun veya bir yazınızı sadece tek bir tıklama işlemi ile açılıp kapanması.Daha önce yazı içersinde herhangi bir yazınıza arka plan eklemeyi sizlere tanıtmıştım bir kaç örnekleri ile birlikte.Bu yazı ise çok farklı diğerinden üstte belirttiğim gibi kullanmak isteyen arkadaşlar olabileceğini düşünüyorum ki benimde işime yarayacak ve bende kullanacağım.

ÖRNEK :


(Spoiler gibi açılıp kapanıyor)


<div id="spoiler" style="display: none;">
YAZINIZI BURAYA YAZ
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Yazıyı göstermek ve gizlemek eklentisi" type="button">AÇ/KAPAT</button>
<br />



Yazı altta kalsın istersen;



<center><button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Yazıyı göstermek ve gizlemek eklentisi" type="button">AÇ/KAPAT</button>
<br />
<div id="spoiler" style="display: none;">
YAZINIZI BURAYA YAZ
</div></center>




Yukarıdaki AÇ/KAPAT butonuna tıkladığınızda bu eklentinin kodlarını göreceksiniz aşağıda gösterdiğim resimde ise nasıl ve nereye ekleneceğidir.



Yeni yazı ekle tıkladıktan sonra Oluştur ve HTML var biz HTML tıklıyoruz daha sonra kodları oraya yerleştiriyoruz.

0 yorum:

Yorum Gönder