Spoiler Uyarısı ve Spoiler İçeriği Gizleme
Bu özellik ile spoiler içeriği gizleyebileceğiniz gibi uzun bir listeyi de yer kaplaması adına kısaltabilirsiniz. Uzun bir liste yerleştiğinizi düşünebilirsiniz. Yazınızı gereksiz şekilde uzatmamasını sağlayacak ve sadece görmek isteyenlere hitap edecektir.
Böyle bir özelliği blogunda kullanmak isteyenlerin yapması gerekenler şunlar;
- Blogunuza giriş yapın.
- Kumanda Paneli>Şablon>Html Düzenle yolunu izleyin.
- Şablonunuzun yedeğini alın.
- Ctrl+F kısa yol tuşlarıyla ]]></b:skin> kodunu aradın.
- ]]></b:skin> kodunun hemen üstüne alttaki CSS kodlarını ekleyin.
.commenthidden {display:none}
.commentshown {display:inline}
6. Tekrar Ctrl+F yardımı ile temanızın </head> kodunu aradın,ve bu kodun üstüne alttaki kodları ekleyin.
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
7. Temanızı görüntüleyin herhangi bir sorun yoksa kaydedip çıkın.
8. Yazı içinde bu özelliği kullanmak isterseniz eğer gerekli kod aşağıdaki kodu kullanın,
<a aiotitle="click to expand" href="javascript:togglecomments('Özel İsim Ver')">+/- Tıklanacak Başlık</a><div class="commenthidden" id="Özel İsim Ver"><p>enecekBaşlığa tıklanıldığında görüntülenecek yazınız</div>Kod içerisinde düzenleme yapılacak yerler;
Kırmızı ile yazılan yere kendinize göre bir özel isim yazabilirsiniz.
Mavi ile yazılmış olan yere Kısaltmak istediğiniz içeriğin başlığını yazın.
Yeşil yazılmış kızım ise gizlemek istediğiniz alan kısmıdır.
Bizi Takip Edin
Pinterest Facebook Twitter
© by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.
Yorum Gönder Blogger Facebook