Blogger'da "Yorum Sil" Butonu Ekleme

Blogger sitenizde yorumları yönetirken,  "Sil" butonunun  olmadığını veya herkese gözüktüğünü fark etmiş olabilirsiniz.  İşte bu yazıda bu sorunun çözümü var. Bu konu özelinde bu sorunu çözmek için akşam 23:00'da başladım gece 02:00'de bitirdim. Yani  epey bir uğraştım. Sorunu çözmek için beynim öyle zehir çalıştı ki anlatamam. Acayip keyif aldım ve buna değdi. 

Kaynak: Dida
Kaynak: writewhim.blogspot.com

Blogger panelinizde Tema > Düzenle (HTML) kısmına girdiğinizde karşınıza çıkan karmaşık kodlar aslında basit bir mantıkla çalışır. İşte o kodları blogunuza entegre etme ve çalıştırma adımları:

Butonu  Gizleyin 

Öncelikle, silme butonunun sadece yöneticiye görünmesi için bir stil kuralı eklememiz gerekir. CSS kodlarınızın arasına (`<b:skin>` etiketinin içine) şu satırı ekleyin:

.item-control {display:none;}

Neden? Bu kod, silme butonunun sıradan ziyaretçiler tarafından görülmesini engeller. Sadece Google hesabıyla yorum yapmış  kişide aktif olur.

Fonksiyonu Tanımlayın (Includable)

Şimdi Blogger'a "Yorum silme butonu nasıl oluşur?" talimatını vermemiz gerekiyor. Bunun için öncelikle <b:includable var ='comment' id='commentDeleteIcon'/> kodunu bulup aşağıdaki kod bloğuyla  değiştirin:

<b:includable id='commentDeleteIcon' var='comment'>
<b:if cond='data:item.deleteUrl'>
<div expr:class='&quot;item-control &quot; + data:item.adminClass'>
<a aria-label='Sil' class='comment-delete' expr:href='data:item.deleteUrl' expr:title='data:messages.deleteComment'>Sil</a>
</div>
</b:if>
</b:includable>

Butonu Yorumlarda Çağırın

Kodları eklemek yetmez; Blogger'a bu butonu tam olarak nerede "olacağını" söylemelisiniz. Bunun için de <b:includable id='commentItem' var='comment'> kısmına gelip aşağıdaki  Blogger kodunu yerleştirmeniz gerekiyor

Yorum listesinin döngüsünde (genellikle comment-footer yakınlarında) şu satırı kullanın:

<b:include data='comment' name='commentDeleteIcon'/>

Eğer "Sil" yazısı yerine çöp kutusu ikonu kullanmak isterseniz, kod içerisindeki `Sil` metnini silip yerine bir font-icon kodu (FontAwesome gibi) ekleyebilirsiniz. Tema kodlarında değişiklik yapmadan önce mutlaka temanızın bir yedeğini alın!

4 Yorum