Blogger için Yeni Yorum Formu

Merhaba, eskiyen blogger yorum formundan sıkıldınız benim gibi değil mi? Bende sizin gibi sıkıldım ve biraz arayışa girdim ve Google tarafın...

Merhaba, eskiyen blogger yorum formundan sıkıldınız benim gibi değil mi? Bende sizin gibi sıkıldım ve biraz arayışa girdim ve Google tarafından yayınlanan Contempo temasında yorum formunun farklı olduğunu farkettim ve sonrasında eski yorum formunun değiştirilebildiğini eski klişe tasarımdan kurtulabileceğimi gördüm.

Aslında bir o kadarda basitmiş onu yorum forumunu değiştirdikten sonra farkettim tabi ben biraz yorum formunun düzenlemesinide yapıp blogum ile tamamiyle uyumlu hale getirdim. Google tarafından hazırlanan bu yeni şablonun basit ve kullanıcı dostu tasarıma sahip olduğunuda söylemeliyim. Yorum formu ile ilgili çok mesaj geliyordu mail adresime nasıl değiştirdiğim hakkında ve bir çok takipçim bunu kendi blogunda kullanmak istediğini ve blogger yeni yorum formunu paylaşmam için epey bi ısrar ettiler nasıl yapıldığı hakkında bir yazı hazırlamam için bende o yazıyı tüm blogger kullanıcıları ile buluşturuyorum.

İlk defa bu konu hakkında bilgi sahibi olanlar için eski ve yeni yorum formları şu şekilde görünüyor;

• Eski yorum formu

• Yeni yorum formu

Kurulum: Blogger > Tema > HTML'yi düzenle'ye tıklayıp şablonumuza girelim <b:skin> kodunu bulalım ve hemen altına aşağıdaki kodu ekleyelim. Şablonunuzda hali hazırda bu kodlar mevcut ise bu adımı atlayabilirsiniz.

<Group description="Blogger New Comment Form - Dont Edit - www.ilkaygurler.com">
<Variable name="body.background" description="Body Background" type="background" color="#000" default="#000 none repeat scroll top left" value="#000 none repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal normal 14px 'roboto', sans-serif" value="normal normal 14px 'roboto', sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222" value="#222222"/>
<Variable name="body.text.font" description="2"
type="font"
default="$(body.font)" value="normal normal 14px 'roboto', sans-serif"/>
<Variable name="posts.background.color" description="6"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="7"
type="color"
default="#2196f3" value="#2196f3"/>
<Variable name="body.link.visited.color" description="8"
type="color"
default="$(body.link.color)" value="#2196f3"/>
<Variable name="body.link.hover.color" description="9"
type="color"
default="$(body.link.color)" value="#2196f3"/>
<Variable name="blog.title.font" description="10"
type="font"
default="$(robotoBold45)" value="$(robotoBold45)"/>
<Variable name="blog.title.color" description="11"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="header.icons.color"
description="12"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.font" description="13"
type="font"
family="$(body.font.family)"
size="$(body.font.size)"
default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/>
<Variable name="tabs.color" description="14"
type="color"
default="#ccc" value="#cccccc"/>
<Variable name="tabs.selected.color" description="15"
type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="16"
type="color"
default="$(posts.background.color)" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="17"
type="color"
default="$(posts.text.color)" value="#222222"/>
<Variable name="tabs.overflow.selected.color" description="18"
type="color"
default="$(posts.title.color)" value="#212121"/>
<Variable name="posts.title.color" description="19"
type="color"
default="#212121" value="#212121"/>
<Variable name="posts.title.font" description="20"
type="font"
default="$(robotoBold22)" value="$(robotoBold22)"/>
<Variable name="posts.text.font" description="21"
type="font"
default="$(body.text.font)" value="normal normal 14px 'roboto', sans-serif"/>
<Variable name="posts.text.color" description="22"
type="color"
default="$(body.text.color)" value="#222222"/>
<Variable name="posts.icons.color"
description="23"
type="color"
default="#707070" value="#707070"/>
<Variable name="labels.background.color"
description="24"
type="color"
default="$(sidebar.backgroundColorTopHD)" value="$(sidebar.backgroundColorTopHD)"/>
</Group>

Ekledikten sonra tabiki işimiz henüz bitmedi şablonumuzu kaydetmeden eksi yorum formununun değişmesi için yenisini şablonumuza tanıtmamız gerekiyor.

Bunun için commentFormIframeSrc kodunu bulalım (birden fazla olabilir) ve aşağıdaki kod ile değiştirelim.

commentFormIframeSrc + "&skin=contempo" + data:variantParam

Hepsi bu kadardı, çok kısa ve zahmetsiz bir şekilde eskiyen artık bloggerlara gına getiren o kötü görünümlü yorum formundan kurtulduk. Takıldığınız yerlerde yorum formu üzerinden sorularınızı yöneltebilirsiniz. İyi Bloglamalar.:)