Görünüp kaybolan yorumlar

Not: Bu makalede, klasik şablon (Düzenler özelliklerine sahip olmayan) kullandığınız
varsayılır.

Varsayılan olarak, bir yazının yorumları yalnızca bu yazının yazı sayfasında görüntülenir. Yorumları ana sayfada veya arşiv sayfalarında da gösterebilirsiniz; ancak sayfanın kalabalıklaşmasına neden olabilir. Daha iyi bir seçenek olarak, yazı sayfasına gitmek zorunda kalmadan yorumlarınızın o sayfada görüntülenmesini sağlayan bir bağlantıyı ana sayfanıza veya arşiv sayfanıza eklemeyi deneyebilirsiniz. Bunun gibi:

Örnek Yazı

Buraya bir sürü şey yazacak değilim. Kendinizi daha iyi hissettirecekse, uzun ve ilginç bir yazı olduğuna inanmanızda bir sakınca görmüyorum. Buradaki yorum bağlantısına tıklayın.

# Yayınlayan: Graham - 5:15 pm 2 yorum

Yorumlar:

Hey adamım, en iyi yazıları sen gönderiyorsun. Blogunu okumaya
bayılıyorum.
Yazan: Graham'in Arkadaşı @ 6:16 pm

Bilemiyorum. Bence yazıları gerçekten berbat.
Yazan: Graham'in Düşmanı @ 7:17 pm

Daha önceki bir kod kırma işlemine benzer şekilde, bu özelliğin de üç bölümü bulunuyor: CSS, Javascript ve tabi ki Blogger şablon etiketleri. Şimdi adım adım bu özelliklerin üzerinden geçelim.

CSS

Bu en basit bölümdür. Yorumları göstermeye veya gizlemeye yarayan birkaç sınıfa ihtiyacımız var. Bunun için şu iki satırı stil sayfanıza yapıştırmanız yeterli olacaktır:

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

Stil sayfanız genellikle şablonunuzun üst kısmına yakın bir yerde, <style>
ve </style> etiketlerinin arasındadır. Stil sayfanız ayrı bir dosyadaysa, bu satırları şablonunuza eklemek yerine bu dosyaya eklemeniz gerekir.

Javascript

Aşağıdaki kodu şablonunuzdaki <head></head> etiketlerinin arasına 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>

Bir yazının yorumlarını göstermek veya gizlemek için aşağıda kullanacağımız işlev budur. Yalnızca belirli bir yazının kimlik numarasını veriyoruz ve bu işlev ilişkili yorumları bir CSS stilinden diğerine geçiriyor.

Blogger Etiketleri

Şablonda, her yazıyı ve yazının yorumlarını görüntüleyen kodu görmek için
<Blogger> </Blogger> etiketlerinin arasına bakacağız. İlk olarak, yorumlara bağlantı veren bölümü bulacağız. Bu bölüm şuna benzeyecek:


<MainOrArchivePage>

<BlogItemCommentsEnabled>

   <a href="<$BlogItemPermalinkURL$>#comments">

   <$BlogItemCommentCount$> comments</a>

</BlogItemCommentsEnabled>

</MainOrArchivePage>

Öncelikle, yorumları tüm sayfalara koyacağımız için bu bölümü çevreleyen
<MainOrArchivePage> etiketlerini kaldırmamız gerekiyor. Daha sonra bağlantıyı,
bizi ayrı bir sayfaya götürmek yerine "togglecomments" javascript işlevimizi kullanacak şekilde şöyle değiştirmemiz gerekiyor:

<BlogItemCommentsEnabled>

   <a href="javascript:togglecomments('c<$BlogItemNumber$>')">

   <$BlogItemCommentCount$> comments</a>

</BlogItemCommentsEnabled>

Şimdi şablon kodunda biraz daha aşağı inelim. Burada yorum etiketleriyle dolu büyük bir kod bölümü göreceksiniz. Büyük olasılıkla bu bölümün çevresinde şu şekilde Item Page ve Comments Enabled etiketleri olacak:


<ItemPage>

   <BlogItemCommentsEnabled>

       [ ... lots of comment code here ... ]

   </BlogItemCommentsEnabled>

</ItemPage>

Yorumların her sayfada bulunabilmesi için buradan <ItemPage> etiketlerini kaldırmak istiyoruz. Daha sonra bunların yerine, yorumların gizlenip gizlenmeyeceğini belirten özel span etiketini yerleştireceğiz. Varsayılan olarak, ilk önce bunları gizlenmiş biçimde bırakacağız. Yeni kod aşağıdaki gibi görünecek:


<span class="commenthidden" id="c<$BlogItemNumber$>">

   <BlogItemCommentsEnabled>

       [ ... burada bir dizi yorum kodu olacak... ]

   </BlogItemCommentsEnabled>

</span>

Şablonunuzu tamamladıktan sonra, değişiklikleri kaydedip yeniden yayınlamanız yeterlidir. Yeni biçim, başka hiçbir şeyi değiştirmenize gerek kalmadan tüm yazılarınıza otomatik olarak uygulanacaktır.

Blogger Destek