Sitenize Spoiler kodu eklemek

8 Yorum

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

8 yorum:

  1. Bak bu çok güzelmiş :)
    Bilgine sağlık denir buna di mi :)

    YanıtlaSil
  2. Günümüzde genelde film sitelerinde filmin içeriği hakkında bahsedildiği kısımların gizlenmesi ve bu sayede filmi hala izlememiş kişilerin bu kısımları okumaması amaçlı kullanılır. Yani bir yazıyı sadece görmek ve okumak isteyenler için gizlemektir. Faydalı bir kod paylaşım için teşekkürler...

    YanıtlaSil
  3. Butonu tıklayınca resim açıldı çok güzel :)). Bizim dinamik matematik yazılımlarından sketchpadde yaptıklarımıza benziyor.

    YanıtlaSil
  4. Teşekkür ederim, çok işime yaradı. Bloğumda sayfanıza da link verdim :)

    YanıtlaSil
Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum