Blogger için Yeni Yorum Formu

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ı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
Blogger Eski Yorum Formu
  • Yeni yorum formu
Google’dan SEO Strateji Önerileri
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 + &quot;&amp;skin=contempo&quot; + 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.:)
İlkay Gürler

Blog Yazarı

İlkay Gürler 2012 yılından bu yana blog yazmaktayım, çok güzel projelere imza attım, eski bloglarım ile çok iyi yerlere gelmiştim okulum sebebiyle bıraktım. Şimdi daha profosyonel bir biçimde blog yazıyorum. Sakin, sessizliği seven bir insanım. Daha iyi tanımak için hakkımda sayfasını ziyaret edebilirsiniz.
17 yorum
  1. Merhaba hocam kulandığınız temanın adı nedir yada demo (düzenlenmemiş) adı nedir?

    YanıtlayınSil
    Yanıtlar
    1. Merhaba Mehmet, blogumda kullandığım temanın ismi LinkMagz.

      Sil
  2. Dediklerinizi yaptığımda şu hatayı alıyorum : Invalid variable declaration in page skin: Variable is used but not defined. Input: post.title.color

    İkinci koddan 4 tane çıktı temada. Teker teker denedim.. Ardından hepsini aynı anda değiştirip denedim sonuç değişmedi.

    YanıtlayınSil
    Yanıtlar
    1. CSS kodlarını eklemeden sadece aşağıdakicommentFormIframeSrckodunu değiştirip temayı kaydedin ve ardından yorum formunun değişip değişmediğine bakın olmaz ise tekrar yazın. Ayrıca diğer yazıma benim blogumdaki gibi yapmayı istediğini söylemişsin yazı ile alakasız olduğu için yorumunu onaylamadım. Blogumda kullandığım stili ne yazıkki paylaşmıyorum.

      Sil
    2. Dediklerinizi yaptım tüm bahsettiğiniz kodun yerine verdiğiniz kodu ekledim.Css kodunu da dediğiniz yere yaptım. Ancak yine bahsettiğim o ingilizce hatayı alıyorum

      Sil
    3. CSS kodlarını eklemişsiniz, CSS kodlarını eklemeden tekrar deneyin.

      Sil
    4. Sorunu buldum. post.title.color css koduna herhangi bir renk girmem gerekiyormuş.Ama sizin verdiğiniz kodlar olmasaydı bu kadar ilerleyemezdim.Teşekkür Ediyorum

      Sil
    5. Temanla alakalı bir sorunmuş o zaman. Çünkü CSS kodlarını eklemediğinde şablonun hata vermemesi gerekiyordu. Güle güle kullan.:)

      Sil
    6. Arkadaşın yaşadığı sıkıntıları ben de yaşadım. CSS kodunu eklemeden devam ettiğimde tema güncellendi ama yorum formu hata verdi. Tamamen eski hâline döndürdüm ben de :)

      Sil
    7. Hata vermemesi gerekiyor çünkü yorum formu başka bir temanın yorum formunu kullanıyor. Bizde o temanın yorum formunu kullandığımız temaya uyguluyoruz. Yukarıda da zaten bahsettim, hata alırsanız tekrar yazın, sorunu çözmeye çalışırız.

      Sil
  3. Teşekkürler. Güzel anlatim bilgilendirici.

    YanıtlayınSil
  4. Güzel bi yorum formu. Becerebilirsem blogumda olanı bununla değiştirebilirim. Teşekkür ederim elinize sağlık.

    YanıtlayınSil
    Yanıtlar
    1. Eğer bir sorunla karşılaşırsan buradan tekrar yazabilirsin, en kısa sürede dönüş yapacağım Yaren. Yorumun içinde ayrıca teşekkür ederim.

      Sil
  5. Yeni geliştirilen temalarda hep bu form kullanılıyor artık ancak siz eski temasını beğenip de yeni formu kullanmak isteyenler için güzel bir hizmet sunmuşsunuz. Teşekkürler. Forumda da paylaşıyorum bunu. Ben de uygulayacağım birazdan.

    YanıtlayınSil
    Yanıtlar
    1. Yorumunuz için ben teşekkür ederim. Tabikide paylaşabilirsiniz, kaynak bağlantısıda vermeyi unutmayın.

      Sil
  6. Hocam yorum yaparken profil olarak anonim ve ad/url seçeneğiyle yorum yapınca yorumu yayınlayamıyorum ben. Bu sorunu yaşayan var mı ? Ve bu sorunun çözümünü biliyorsanız bu konuda da bir yazı çıkarabilir misiniz hocam

    YanıtlayınSil

Yorum Gönderme

Yazı hakkında yorumlar yapmaya özen gösterelim.*
Yorumunuzun yayınlanması için yönetici tarafından gözden geçirilmesi gerekir.*

Yazılanlardan Haberdar Ol