Sitenize Spoiler kodu eklemek

merhaba arkadaslar bugunku yazimda size spoiler kodunu paylasacagim

 oncelikle bu spoiler kelimesinin ne oldugunu bende bilmiyordum
birkac yil oncesine kadar
bir dizi forumunda spoiler verme biri bana demisti o ne lan dedigimi hatirliyorum :) aslinda bu kelime bircok farkli yerde kullaniliyormus inernetten arastirdim buyrun efendim

 Spoiler nedir?
Spoiler, "bir şeyin değerini veya miktarını azaltan ya da tamamen yok eden" anlamına gelmektedir. Spoiler çok çeşitli anlamlara sahiptir. Farklı sektörlerde farklı şeyleri adlandırmak için kullanılırlar. Şimdi bu terimleri açıklayalım: Bir medya terimi olarak kullanılan spoiler; Bir eserin konusu veya detayları hakkında bilgi veren; eser okunmadan, dinlenmeden veya izlenmeden önce öğrenilmesi durumunda alıcının eser ile ilgili düşüncelerini veya alacağı hazzı etkileyebilecek açıklama veya ipucudurspoiler
Bir otomobil terimi olarak spoiler; Otomobillerin arka bagajının üstüne takılan biraz eğimli olan parçadır. Spoiler olarak adlandırılır.
Birde uçaklardaki spoiler vardır buysa; Uçaklarda "taşıma düşürücü" olarak ta adlandırılırlar. Kanadın taşımasını azaltmak amacıyla kullanılan kumanda yüzeyleridir. Kanatçıklarla aynı anda açılıp kapanarak yatış kontrolünde kanatçıklara yardımcı olurlar hatta bazı uçaklarda kanatçık görevini tümüyle de üstlenirler. Spoilerler kanadın üst yüzeyinde genellikle firar kenarına yakın yerlerde bulunurlar. 

 Kaynak


neyse ben anlasilir dilden soyleyeyim yani paylasacaginiz konularda bir resimi yaziyi yaziyi veya videoyu gizlemek istiyorsaniz yani ac kapa butonunun icinde icerigi saklamak istiyorsaniz bu kod tam size gore :)

<input type="button" onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''; this.value = 'İçeriği Gizle'; }else{document.getElementById('spoiler1') .style.display='none';this.value = 'İçeriği Göster'; }" value="İçeriği Göster"/><div id="spoiler1" style="display:none">

eklemek istediginiz icerigi buraya yazicaksiniz.. yazi, resim ya da  video

</div>

dikkat edilmesi gereken blogunuzda konu acarken bu kodu OLUSTUR ile degil de HTML ile eklemeniz gerekir yani yeni konunuza konu basligi bolumunun hemen altinda bulunan olustur ve html secenekleri var html yi secmeniz gerekir kodun calismasi icin
örnek altaki butona tıklayıp nasıl çalıştığını görebilirsiniz

bu bir deneme yazisidir