Bloggerda Yazı Gizleme (Açma Kapama) - Spoiler Yazı İçeriği Gizleme

Kitap, film vb. hakkında görüşlerinizi paylaşmak istiyorsunuz. Ancak bu görüşlerinizi okuyacak kişilerin kitabı okumamış veya filmi izlememiş olabileceğini de göz ardı etmek istemiyorsunuz. Ne yaparsınız?

Spoiler Uyarısı ve Spoiler İçeriği Gizleme

Kitap, film vb. hakkındaki görüşlerinizde eğer can alıcı noktalara değinecekseniz "Spoiler" "Spoiler'ın Anası", "Spoiler'ın Danası" gibi spoiler uyarılarını yazınıza ekleyebilirsiniz. Ancak bu gibi uyarılar çoğu zaman Spoiler yazısının hemen altında yer alan yazıyı görmemize engel olmamaktadır. Hele ki tek cümleyle kitabın veya filmin sürprizini bozabilecek bilgilendirmelere ne demeli! Bu gibi durumlarda okuyucunun selameti için en güzel çözüm alttaki örnekte görebileceğiniz gibi yazıya bir ekleme yapmaktır. Örnek olarak; deneme blogumu kontrol edebilirsiniz. Merak edenler; ziyaret edebilirler.

Bu özellik ile spoiler içeriği gizleyebileceğiniz gibi uzun bir listeyi de yer kaplaması adına kısaltabilirsiniz. Yukarıdaki örneğin içine 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;

1. Blogger hesabınıza kullanıcı adınız ve şifreniz ile giriş yapın. Yazılarınızın liste halinde görüntülenmesini istediğiniz blogunuzun Yerleşim kısmına tıklayın.
Açılan sayfada HTML düzenle seçeneğine tıklayın.
Blogunuzun bir yedeğini aldın.

2. Ctrl+F yardımı ile temanızda yer alan alttaki kodu bulun:

]]></b:skin>

Ve bu kodun üstüne alttaki CSS kodunu kopyalayıp yapıştırın.

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

3. Ctrl+F yardımı ile temanızda yer alan alttaki kodu bulun:

</head>

Ve bu kodun üstüne alttaki kodu kopyalayıp yapıştırın.

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

4. Temanızı görüntüleyin ve herhangi bir sorunla karşılaşmadıysanız. Temanızı kaydedin.

5. Yazı içerisinde bu özelliği kullanabilmek için gerekli kod şöyle;

<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>Başlığa tıklanıldığında görüntülenecek yazınız</div>

Bu kodda ne gibi değişiklikler yapılmalı?

Kırmızı ile renklendirilmiş olan "Özel İsim Ver" alanını bu eklentiye kendinize özgü vermek istediğiniz bir isim verin!

Mavi ile renklendirilmiş olan "+/- Tıklanacak Başlık" Kısaltmış olduğunuz içeriğin başlığıdır. İstediğiniz başlığı verebilirsiniz.

Yeşil ile renklendirilmiş olan "Başlığa tıklanıldığında görüntülenecek yazınız" gizlemek istediğiniz yazılarınızı yazabileceğiniz alandır.

6. Bu özelliği devamlı şekilde kullanmak isteyenler için kısa yol önerisi; Kumanda Paneli > Ayarlar > Biçimlendirme yolu izlenir ve mevcut sayfada yer alan Kayıt Şablonu seçeneğinin yanında yer alan kutucuğa 5. maddedeki kod düzenlenerek yapıştırılır.

* Bu özellik aynı zamanda sağ ve/veya sol sütunda da kullanılabilir. Bunun için 5. maddeye kadar herşeyi yaptıktan sonra, 5. maddeyi şu şekilde uygulamanız gerekir;

Sayfa Öğelerine tıklayın. Açılan sayfada Gadget Ekleye tıklayın ve açılan pencerede HTML/JavaScript seçeneğine tıklayın. İçine 5. maddede yazılı olan kodu kendinize özgü düzenleyerek yapıştırın. Ve kaydedin.

Bu yazı Nükhet'in Blogger Blogunuza Yatay Menü Ekleyin başlıklı yazımın yorum alanında sormuş olduğu soruya cevaben yazılmıştır. Kendisine farklı bir konuda yazı yazmama vesile olduğu için teşekkür ediyorum.

Kolay gelsin.

Benzer Yazılar;
Pratik Yatay Menü
Alt Kategorili Menü
Sidebar'ınızı Menü ile Şenlendirin
Hareketli Menü
Multi Açılır Menü
Tabbed Menu