Blogger için Yeni Yorum Formu

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.:)

22 yorum

  1. Merhaba hocam kulandığınız temanın adı nedir yada demo (düzenlenmemiş) adı nedir?
    • İlkay Gürler
      Merhaba Mehmet, blogumda kullandığım temanın ismi LinkMagz.
  2. merakettiysen
    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.
    • İlkay Gürler
      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.
    • merakettiysen
      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
    • İlkay Gürler
      CSS kodlarını eklemişsiniz, CSS kodlarını eklemeden tekrar deneyin.
    • merakettiysen
      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
    • İlkay Gürler
      Temanla alakalı bir sorunmuş o zaman. Çünkü CSS kodlarını eklemediğinde şablonun hata vermemesi gerekiyordu. Güle güle kullan.:)
    • ReHiTu
      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 :)
    • İlkay Gürler
      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.
  3. verimisyon
    Teşekkürler. Güzel anlatim bilgilendirici.
  4. Yaren Deniz
    Güzel bi yorum formu. Becerebilirsem blogumda olanı bununla değiştirebilirim. Teşekkür ederim elinize sağlık.
    • İlkay Gürler
      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.
  5. ReHiTu
    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.
    • İlkay Gürler
      Yorumunuz için ben teşekkür ederim. Tabikide paylaşabilirsiniz, kaynak bağlantısıda vermeyi unutmayın.
  6. Bilgimsel.Com
    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
    • İlkay Gürler
      Merhaba, bu sorunu kendi blogunuzdaki yorumlardamı yaşıyorsunuz, yoksa bir başka bloga siz yorum yaparkenmi yaşıyorsunuz öncelikle bunu öğrenmemiz gerekiyor.
  7. Mobil şablonda yorumcu kimliği seçilmiyor.
    • İlkay Gürler
      Mobil görünümde yorumcu kimliği seçimi ile ilgili bir sorun görünmüyor.
  8. Pcmerkez
    Merhabalar Disqus yorum kısmı var sitemde bunun yerine blogger yorum sitemini kullanmak istiyorum.Facebook adresinizden yazdım yardımcı olursanız sevinirim..

Konu ile alakalı yorumlar yapmayan özen gösterelim.

AdBlock Tespit Edildi!

Lütfen reklam engelleyicinizi kapatınız, yok böyle iyiyim derseniz sağ üstteki butona tıklayıp gezintiye devam edebilirsiz. Desteğiniz için teşekkür ederim.

Sayfayı yenile!