Blogger için Daha Dikkat Çekici Yorum Formu İletisi

Daha önce yazdığım Blogger İçin Yorum Formu İletisi Ayarı başlıklı yazımda Blogger’da yazılarınızın sonundaki yorum formunun hemen üstüne Yorum Kuralları gibi ileti koymayı anlatmıştım.Ancak bu iletinin yeteri kadar dikksat çekmediğini düşündüm ve bu iletiyi daha dikkat çekecek duruma getirmek için bir CSS kodu armaya başladım ve sonunda buldum.Bu CSS kodları ile yorum formu iletiniz aşağıdaki gibi görünecek:

Blogger yorum formu iletisini düzenleme

Nasıl? Bence yeterince dikkst çekici ve şık  görünüyor.Renkler ve dikkat ikonu hoşunuza gitmediyse onları da nasıl değiştireceğinizi anlatacağım.

 

Yorum formunun üzerinde resimdeki gibi yorum kuralları veya istediğiniz her hangi başka bir iletiyi nasıl yazacağınızı daha nce anlattığım için tekrar anlatmayacağım.Şimdi bu iletiyi yukarıdaki resimdeki gibi renklendirecek koflara geçelim…

Öncelikle Blogger şablonunuzdan aşağıdaki kodu bulun,

 

]]></b:skin>

 

ve bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonunuzu kaydedin.

 

.comment-form p { background-image:
url(http://s2.postimage.org/2cvmn5xes/alert_icon.gif)
; background-position: 1em 1em; background-repeat:
no-repeat; background-color: #FDD; width: 100%; border:
#C72B2C dashed thin; padding: 1em; padding-left: 70px;
color: #D24E50; }


Kodları Özelleştirmek

background-image: Dikkat ikonu
background-color: Arka plan rengi
width: İleti kutusunun genişliği
border: Çerçeve dekorasyonu
color: Kutu içindeki yazıların rengi

26 yorum:

  1. Güzel paylaşım eline sağlık :)

    YanıtlaSil
  2. Az önce uyguladım.Gerçekten güzel ve işe yarıyor.Eline sağlık...

    YanıtlaSil
  3. Yanıtlar
    1. Yapamadığınız yer neresidir?

      Sil
  4. @Admin
    Az önce tekrar denedim sorun yok.Zaten yorum yazan diğer arkadaşlarda çalıştığını yazmışlar.

    YanıtlaSil
  5. hocam burdaki resimde şablona nasıl yerleştirdiğimi görebilirsiniz..

    http://i54.tinypic.com/11uevki.png

    http://www.videocanlar.com adresine girip olmadığını gözlemleyebilirsiniz..

    YanıtlaSil
  6. Tamam resimdeki kodlara baktım şöyle bir hata yapmışsınız:
    navbar gizleme kodunun sonundaki parantezi kapatmadan yorum formunun kodlarını eklemişsiniz.display:none; dan sonra } işaretini koyun.

    YanıtlaSil
  7. çok teşekkür ediyorum hocam..

    hocam ayrıca bir şey sormak istiyorum:

    Bu kod yazmak için kendimi geliştirmek amaçlı kursa gitmek istiyorum.Halk eğitimdeki şu iki kod arasında kaldım sizce hangisine gitmeliyim:

    --Web Tasarımcısı
    --Grafik ve Animasyon Tabanlı Web Sitesi Hazırlama

    YanıtlaSil
  8. Kod yazmak için kendinizi geliştirmek istiyorsanız Web tasarımı kursunu tercih etmelisiniz.Diğeri Photoshop ve Flash ağırlıklıdır diye tahmin ediyorum.Web tasarımı kursunda çok işinize yarayacak olan HTML,CSS,PHP gibi programlama dillerini öğretirler sanırım.

    YanıtlaSil
    Yanıtlar
    1. HTML PROGRAMLAMA DİLİ DEĞİLDİR!

      Sil
  9. peki hocam tekrardan çok teşekkür ediyorum

    YanıtlaSil
  10. yukarıdaki kod içine yazı nasıl eklerim?

    YanıtlaSil
  11. Serdar Bey yine ben :) benim ki alt da çıkıyor ve gif 'de çıkmıyor:(

    YanıtlaSil
  12. @bilge
    Anlamadım.Altta çıkyor, gifte çıkmıyor derken?

    YanıtlaSil
  13. Çalışmıyor !

    YanıtlaSil
  14. Değerli blog hocam, tüm paylaşımlarınız için öncelikle teşekkür ederim. Bu eklentiyi düzgün bir şekilde bloguma uygulayabildim ancak; kutucuğun yatay uzunluğu fazla oldu ve sağ tarafa taştı. Bunun için bir çözüm varsa, minnettar olurum. İyi çalışmalar.

    YanıtlaSil
  15. Hocam sorunu düzelttim. width değerini düşürünce düzeldi. Tekrar teşekkürler.

    YanıtlaSil
  16. hocam.konu dışı olacak ama.aradım fakat bir tülü bulamadım.son yorumlar eklentimde.yorum kutusunda yapılan yorumlardaki smileyler .son yorumlar eklentimde sadece kod olarak görünüyor.yardımcı olursanız sevinirim.teşekkür ederim.

    YanıtlaSil
  17. Yorum iletisi yorum formunun altında görünüyordu. Bir şekilde sizinkisi gibi üste almayı başardım ve şöyle bir sorun çıktı. Dikkaet çekici yorum formu iletisi yorum yapılmamış yazılarda sorunsuz olarak çalışmakta fakat yorum yapılmış yazılarda normal olarak görünüyor.

    YanıtlaSil
  18. Demin uyguladım nasıl olduğunu merak ediyorsanız siteme girin;
    http://www.tekno-makine.blogspot.com

    YanıtlaSil
  19. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  20. güzel blog ama .comlu yapın size blog gitmiyor

    YanıtlaSil
  21. Serdar hocam verdiğiniz bilgilerin kalıcılığı ve kalitesi tartışılmaz. Yıllar sonra bile hala faydalanabiliyoruz. Şuan bloğum benden çok sizin gibi neredeyse her parçası sizin anlattıklarınızla inşa edildi. Saygılar.. (Elektrikte.com)

    YanıtlaSil

Blogger tarafından desteklenmektedir.