2 Blogunuza Spoiler Butonu Ekleyin

Öncelikle divxplanet.com'un forumunda görmüştüm.Lost'un son bölümüne dair yorumlar yapılıyordu ki bu 6.sezon.Orada gördüm açılıp kapanan yazı butonunu.Beni uykusuz bırak tek dizi olan Lost'un diyelim ki bir izleyici bir bölümünü izlemedi ya da birkaç gün sonra izleyecek.Bilgiyi gizlemek için bu eklentiyi kullanıyorlar.Yani yorum direk görünmüyor , dilerse kişiler bu butona tıklıyor ve içerik açılıyor.Bunu kurmak içinse ilk olarak Yerleşim / HTML'yi Düzenle'ye giriyoruz.




CTRL + F yardımıyla aşağıdaki kodu buluyoruz:

]]></b:skin>

Ve üzerine bu kodu yapıştırıyoruz:

.commenthidden {display:none}
.commentshown {display:inline}

İlk işlemimiz bitti.Şimdi ikinci aşamaya geçiyoruz.

Tekrar CTRL + F yardımıyla şu kodu buluyoruz :

</head>

ve altına bu kodu ekliyoruz.

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Bunlar işin pasif kısmı , şimdi aktif kısma geldik.Aşağıdaki kısmı ise yazımıza ekleyeceğiz.Nasıl mı? Diyelim ki bir içeriği gizleyeceğiz , aşağıdaki kodu yazımızda kullanacağız.İşte kod:

<a aiotitle="click to expand" href="javascript:togglecomments('Ac')">Gizli icerigi buraya tiklayarak gorebilirsin</a><div class="commenthidden" id="Ac"><p>Gizli icerik Buraya Yazilacak</div>

Unutmayın kırmızıyla belirttiğim kısımları istediğiniz şekilde değiştirebilirsiniz.Orası size kalmış

Buyrun size bir spoiler yazı örneği :
* Yazıda Özgün İçeriğin Yanı Sıra Aşağıdaki Sitelerden De Yararlanılmıştır

http://takipteyiz.blogspot.com/2009/06/bloggerda-yaz-gizleme-acma-kapama.html