Yeni yorum formunuza makyaj

Yorumlara cevap(yanıt) yazılabilmesi için blogger mühendislerinin şablonlara eklediği yorum formu ufak tefek sorunları bulunsa da işlevsellik açısından gerçekten çok başarılı.

 

Screenshot_4_thumb[4]

 

Yorum formunun yeni tasarımı için şablonunuza , eklenen CSS kodları her ne kadar kalabalık ve karışık görünse de bu sayede daha fazla özelleştirme seçeneği sunuyor. Daha önce olduğu gibi yorum formunuzu özelleştirebileceğiniz CSS kodlarını hazırladığımız bir taslak üzerine yerleştirdik.

 

Sırası ile Kumanda paneli -->> Tasarım--> HTML'yi düzenle yolunu takip edin ve kodlarınızın açık bulunduğu sayfada yer alan widget şablonlarını genişlet yazan bölümü işaretledikten sonra aşağıdaki kodu aratın.

 

<b:includable id='threaded_comment_css'>

 

 

Bulduğunuz bu kodun hemen altında yer alan <style> ile başlayıp </style> ile biten kodlar yeni yorum formuna ait olan CSS kodları.

Screenshot_3_thumb[1]

 

 

Burada kulaklı parentez içerisinde yer alan kodlarla oynayarak yorum formunuzun tasarımını blog’unuzun tasarımına uyarlayabilirsiniz.

 

Yazının başında sizler için bir taslak hazırladığımızı ve  kodlar üzerinde  yapacağınız değişikliklerin yorum formunda hangi bölümleri etkileyeceğinden bahsetmiştik.

 

yorum-formu_thumb[4]

 

Yorum formu iç içe geçen bir çok bölümden oluşuyor ve bu bölümlerin CSS kodlarının  tamamı neredeyse şablonunuza eklemiş durumda, zaten eklenmemiş olan diğer kodlardan gerekli olanları da biz paylaşacağız.

1   .comments bu bölüm yorum formunun tüm bölümlerini içine alan bölüm.

2    .comments-content bu bölümde yine comments gibi diğer bölümleri çerçeveliyor.

3    .comment-block  bu bölümse yapılan yorumların yer aldığı bölüm.

4    .avatar-image-container yorum yapanların avatarının(resminin) bulunduğu bölüm.

5    .comments-content .user yorum yapanın adının bulunduğu bölüm.

6    .comments-content .datetime yorumun tarihi

7    .comment-actions a yanıtla sil gibi bağlantıların olduğu bölüm.

8    .inline-thread cevaplana yorumların bulunduğu bölüm.

9    #comment-editor bu da yorum yapılan yazı edidörüne ait CSS kodu bu kodl şablonunuzun kodları içerisinde bulunmayabilir bunu siz kendinizde şu şekilde ekleyebilirsiniz.

#comment-editor{

}

 

Sizin için açıklamasını yapabildiğimiz kodlar bu kadar bu kodlarda sizin kendi yorum formunuzu şekillendirmek için fazlası ile yeterli.

Tabi tüm bu işlemleri yapabilmeniz için CSS hakkında biraz bilgi sahibi olmanız gerekir , CSS hakkında hiç bir fikriniz yoksa yine sizin için hazırladığımız burada ki döküman yardımcı olacaktır.

Paylaş !

24 yorum:

  1. Yanıtlar
    1. müjdat sen tasarımı değiştirdin galiba istediğin eklentiyede ihtiyacın kalmadı sanırım şu facebook paylaş..

      Sil
  2. arkadaşlar css e merakınız varsa dökümanlara baktıktan sonra firefox tarayıcınıza firebug eklentisini kurmanızı tavsiye ederim

    YanıtlaSil
    Yanıtlar
    1. bencede frifox'un en işe yarar eklentsi , ama artık chrome :) kullanıyorum ,sanırım chrome içinde bir fribug eklentisi var kod yazarken hataları görebilmek için işleri kolaylaştıran.

      Sil
    2. "tree style tab" veya bunun işlevini yapan bir eklenti olsa bende chrome kullanacam ama yok :) eklentinin resmi: https://static-ssl-cdn.addons.mozilla.net/img/uploads/previews/full/30/30844.png

      Sil
  3. firebug eklentisi css öğretiyo resmen buna bir bakın
    http://e1201.hizliresim.com/t/l/1x4yk.png

    YanıtlaSil
  4. Merhaba yanıtla kısmını ekledim çok sağolun , lakin yorum bölümündeki yazılar o kadar küçük ki nasıl düzeltebilirim yardımcı olurmusunuz?

    YanıtlaSil
    Yanıtlar
    1. Sırası ile Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip ederek blog’nuzun kodlarının açık halde bulunduğu modülün sol alt köşesinde bulunan “Widget şablonlarını varsayılana döndür” yazan bağlantıyı bulun ve tıklayın.

      Tabi bu işlemleri yapmadan önce Tam şablon yazan bağlantıya tıklayıp şablonunuzu bilgisayarınızda yedekleyin.

      Bu işlem sonucunda yeni yorum formunun kodları şablonunuza kendiliğinden eklenecektir eğer sorun düzelmemişse şablonu o haliyle bilgisayarınıza indirip bana yollayın ben düzenledikten sonra tekrar size gönderirim.

      Not: e-posta adresim yoksa buraya da gönderebilirsiniz.
      tayfun@bloggermodifiye.com

      Sil
  5. HTML bölümünde arattım maalesef sizin yukarıda verdiğiniz kodların hiç birisini bulamadım:(

    YanıtlaSil
    Yanıtlar
    1. Aynı anda bende tam olarak bunun cevabını yazıyordum :) yukarıdaki işlemi uygularsanız kodlar otomatik olarak şablonunuza eklenecektir.

      Sil
  6. İlgilendiğiniz için teşekkür ederim:)
    Maalesef söylediğiniz yöntemle de olmadı mail olarak gönderiyorum size karınca duası gibi oldu yorumlar:(

    YanıtlaSil
  7. İyi günler ben bloguma "blogtaki hiç bir yaze veya içerik kopyalanamaz" şeklinde bir şey yapmak istiyorum bunu nasıl yapabilirim yardımcı olursanız sevnirim iyi günler.
    http://elestirelyorummm.blogspot.com/

    YanıtlaSil
  8. bizim gibi gizlilik diye bir sayfa oluşturmak istersen burada ki anlatımda nasıl sabit(statik) bir sayfa oluşturabileceğine bakabilirsin.

    Daha fazla görünür olmasını istersen bir gadget oluşturup kenar çubuğun(sidebara) ekleyebilirsin bunu da sırası ile Blogger kumanda paneli -->> tasarım -->> sayfa öğeleri bölümüne geçerek burada Gadget ekle yazan bağlantıya tıkla ve açılan pencerede metin yazan gadget'a tıkla ve açılan yeni pencerede ne yazmak istiyorsan yazıp ve kaydet.

    YanıtlaSil
  9. Benim sorum konuyla biraz alakasız ama diğer üyelerinde ilgisini çekeceğinden eminim.. Soru:

    Ana sayfadan bağımsız olarak, yazının altında, yorum böümünün üstünde görünecek şekilde paylaşımı nasıl gösterebiliriz.. Yani şablonun bir parçasıymış gibi, seninde kullandıgın, Bunlarda ilginizi çekebilir " tarzında..?

    YanıtlaSil
  10. Yardımlarınız için teşkkür ederim.
    bir sorunum daha var ben normalde 13 yazı yayımlamama rağmen yalnızca kumanda panelinde yayın 12 gözüküyor diğer yerlerde gene 13. Bunu nasıl düzeltebilirim yardım ederseniz sevinirim.
    http://elestirelyorummm.blogspot.com

    YanıtlaSil
    Yanıtlar
    1. ana sayfanda 7 yazı işaretlemişsin, fakat sayfa numaralandırma eklentisinde 5 yazıya izin vermişsin, bu yüzden ana sayfada 7 diğer sayfalarda 5 yazı gösteriliyor.

      HTML'yi düzenle bölümüne geldikten sonra bu kodu displayPageNum=5; arat, kodu bulduktan sonra diyelim sen yerleşim bölümünde, 7 yazı olrak işaretlediysen bulduğun koddaki 5 yazan bölüme 7 yaz.

      tabi eklentinin doğru kullanımı ama bu eklenti yinede bazen hata verebiliyor.

      Sil
  11. Tayfun hocam peki yazar yorumlarını nasıl farklı şekilde gösterebiliriz bu sistemde?

    YanıtlaSil
  12. MERHABALAR TAYFUN BEY,SORUNUMU NEREYE YAZACAGIMI BILEMEDIGIM ICIN BURAYA YAZMAK ZORUNDA KALDIM.. SIZE DAHA ONCEDE LINK WITHIN ILE ALAKALI YAZMISTIM. SİZ KOD YAZACAKTINIZ.. ŞİMDI SORUN KENDILIGINDEN ÇÖZÜLDÜ..İLGINIZ ICIN ÇOK TESEKKUR EDERIM..
    ŞİMDI BIR BASKA SORUNUM VAR. "BU SAYFADA ARA" EKLENTISI ÇALISMIYOR.. YAZDIGIM HICBIR SEYI BULAMIYOR. SONUÇ YOK DIYOR..DÜZELTMEYE ÇALISTIM FAKAT BASARILI OLAMADIM.. NE YAPMAM GEREKIYOR ACABA.. ÇOK TEŞEKKÜR EDERİM.. SAYGILAR..

    YanıtlaSil
  13. TAYFUN HOCAM SORUNUMA CEVAP VERMENIZ MUMKUN MU ACABA?

    YanıtlaSil
    Yanıtlar
    1. kullandığınız arama formu googlenin gadgetı kaldırıp tekrar eklemeyi deneyin ama yinede çok iyi arama sonuçları beklemeyin bence...

      bu tarz eklentiler uzun cümleleri arayamaz kelime şeklinde arama yaparsanız daha iyi sonuçlar elde edebilirsiniz..

      Sil
  14. Hocam, benim blogda şu kod yok :

    ""

    Ayrıca şu numaralandırmış olduğunuz .comments kodlarını da temamda göremedim. CTRL+F ile o kadar aradım ama yok. Üstelik de "Widget Şablonlarını Genişlet" yaparak aramama rağmen..

    YanıtlaSil
    Yanıtlar
    1. yukarıdaki kodlar dişli yorum formunu kendi bloguna ekleyenler için senin ayarlar kısmından avatargösterilsinmi şıkkını işaretleyip dişli yorum formunu etkinleştirmen gerekir ...

      kodlar şablonunda bulunmuyorsa bile bunları elle ekleyebilirsin, ayrıca daha sonra sana bir mail yolluyacam biraz beklersen istediğin yorum formuna kavuşabilirsin.

      Sil
  15. Merhabaar ben de bu uygulamayı yaptım yalnız yazı boyutunu küçültmek istiyorum bunu nasıl yapabilirim ?

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz