AMP Nedir? Avantajları ve Dezavantajları Nelerdir?, görüntüle

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

Blogger 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 data:post.commentFormIframeSrc kodunu bulalım (birden fazla olabilir) ve aşağıdaki kod ile değiştirelim.

data:post.commentFormIframeSrc appendParams {skin: "contempo"}

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

31 yorum

  1. 10 Nisan, 2020
    Merhaba hocam kulandığınız temanın adı nedir yada demo (düzenlenmemiş) adı nedir?
    1. 10 Nisan, 2020
      Merhaba Mehmet, blogumda kullandığım temanın ismi LinkMagz.
  2. 11 Nisan, 2020
    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.
    1. 11 Nisan, 2020
      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.
    2. 11 Nisan, 2020
      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
    3. 11 Nisan, 2020
      CSS kodlarını eklemişsiniz, CSS kodlarını eklemeden tekrar deneyin.
    4. 13 Nisan, 2020
      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
    5. 13 Nisan, 2020
      Temanla alakalı bir sorunmuş o zaman. Çünkü CSS kodlarını eklemediğinde şablonun hata vermemesi gerekiyordu. Güle güle kullan.:)
    6. 14 Nisan, 2020
      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 :)
    7. 14 Nisan, 2020
      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. 12 Nisan, 2020
    Teşekkürler. Güzel anlatim bilgilendirici.
    1. 12 Nisan, 2020
      Ben teşekkür ederim değerli yorumunuz için.
  4. 13 Nisan, 2020
    Güzel bi yorum formu. Becerebilirsem blogumda olanı bununla değiştirebilirim. Teşekkür ederim elinize sağlık.
    1. 13 Nisan, 2020
      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. 14 Nisan, 2020
    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.
    1. 14 Nisan, 2020
      Yorumunuz için ben teşekkür ederim. Tabikide paylaşabilirsiniz, kaynak bağlantısıda vermeyi unutmayın.
  6. 13 Mayıs, 2020
    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
    1. 02 Haziran, 2020
      Merhaba, bu sorunu kendi blogunuzdaki yorumlardamı yaşıyorsunuz, yoksa bir başka bloga siz yorum yaparkenmi yaşıyorsunuz öncelikle bunu öğrenmemiz gerekiyor.
  7. 22 Eylül, 2020
    Mobil şablonda yorumcu kimliği seçilmiyor.
    1. 22 Eylül, 2020
      Mobil görünümde yorumcu kimliği seçimi ile ilgili bir sorun görünmüyor.
  8. 30 Ekim, 2020
    Merhabalar Disqus yorum kısmı var sitemde bunun yerine blogger yorum sitemini kullanmak istiyorum.Facebook adresinizden yazdım yardımcı olursanız sevinirim..
    1. 30 Ekim, 2020
      Facebook üzerinden dönüş sağladım.
  9. 20 Nisan, 2021
    Yorumları yanıtladıgımda yorum sahibine nasıl mail gitmesini sağlayabilirim ?
    1. 20 Nisan, 2021
      Merhaba Samet, bu soruyu sanırım 2. defa soruyorsun tekrar yanıtlayayım, yorumların ve yanıtların e-posta ile iletilebilmesi için yorum yapan kullanıcı yorum penceresindeyken sol altta Beni bilgilendir bölümüne bir tik koyması gerekiyor. Bu işlemi yapmadan ne yazık ki yapılan yorum veya yanıtlar kullanıcıya e-posta ile iletilmez.
  10. 14 Ağustos, 2021
    Kısmına kodu ekledikten sonra diğer dediğiniz kodu da ekledim fakat şöyle bir hata veriyor com.google.blogger.b2.layouts.framework.skin.InvalidVariableException: Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.background
    çözümü ne acaba anlamadım ?
    1. 30 Ağustos, 2021
      Merhaba Can, vakit bulup temanı inceleme fırsatım oldu ve bir kaç düzenleme yaparak yorum formunun temada çalışmasını sağladım. Öncelikle CSS kodlarını eklemelisin ve CSS kodlarının arasından aşağıdaki kodu silerek işlemi tamamla.<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"/>Ardından temanın şablonunda aşağıdaki kodu aramalısın CTRL+F yardımı ile yapabilirsin.<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='Comment Form Link'/>Bu koddan temada 2 adet mevcut her ikisinide aşağıdaki kod ile değiştirmelisin.<a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;' id='comment-editor-src' rel='noopener noreferrer' title='Comment Form Link'/>Hepsi bu kadar.
    2. 31 Ağustos, 2021
      İlgilendiğin için çok teşekkür ederim fakat dediklerini yaptım hiç bir değişiklik olmadı.
    3. 31 Ağustos, 2021
      Sanırım kullandığın şablon hatalı ben şablonun ücretsiz versiyonunu indirip yukarıda bahsettiğim şekilde yeni yorum formunun çalışmasını sağladım. İstersen ücretsiz şablonu indirip deneyebilirsin.
    4. 31 Ağustos, 2021
      Benim kullandığım ücretsiz versiyonu değil premium versiyonu ondan olabilir.
    5. 31 Ağustos, 2021
      Size şablonu yollasam inceleme şansınız var mı ?
    6. 31 Ağustos, 2021
      Olabilir ama zannetmiyorum premium şablonla, ücretsiz şablonun arasında çok fark olmaz. Şablonu bana iletişim sayfasından iletebilirsin vaktim olduğunda incelerim.