yorum | bildirgec.org

Blogdesingblog.com blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.

Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici (primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)

HEADER - başlık

Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le'nin kaleme aldığı şu makaleye göz gezdirmekte fayda var.

not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu makalenin orjinalinin yayınlandığı siteye giderek orada kaydedilmiş olan örnekleri inceleyebilirsiniz.

Birkaç mükemmel header örneği

1.Octwelve

octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek.

gravatar.com‘da hesabı olanlar buraya yükledikleri avatar resimlerini internette gravatar destekleyen tüm web sitelerinde herhangi bir yazı için yorum yaptıklarında bu yorum için gravatar hesaplarında kayıtlı e-mail lerini girdiklerinde hemen yorumlarının yanında avatar olarak belirdedikleri resim otomatik olarak görülecektir.

gravatar’ın kendi wordpress sitenizde işe yaraması için önce admin panelinde ayarlar menülerinden birisi olan “tartışma” ayar menüsüne giriyoruz. açılan sayfada “varsayılan avatar” olarak “gravatar logosunu” seçiyoruz. bu sayede gravatar hesabı olan herkesin resimlerini sitenizde görmesini sağlamış oluyorsunuz.

şimdi gelelim gravatar hesabı oluşturmaya.

gravatar hesabı oluşturmak:

1 - bunun içinde hemen gravatar.com‘a giriyoruz.
2 - açılan sayfada kayıt olmak için yukarıdan “sign up” a tıklıyoruz.
3 - e-mail imizi girip linke tıklıyoruz.
4 - şimdi gravatar bizim email'imize bir onay mail'i gönderdi.
5 - bu onay email'ini bulmamız gerekiyor o nedenle hemen email hesabımıza gidiyoruz.
6 - gelen email'deki onay linkine hiç vakit kaybetmeden tıklıyoruz. i̇steyenler email'deki ingilizce açıklamaları okuyabilirler.

PHP ile hazırlanmış, veri tabanı olarak MySQL'i kullanan, ücretsiz ve açık kaynak kodlu bir script olan Commentics, kolay entegre edilebilir, özelleştirilebilir ve zengin özellikli bir yorum eklentisi/kodu.

Ziyaretçilerinizin bırakacağı yorumlarla içeriğinizi zenginleştirebilmenizi sağlayacak olan Commentics, Captcha, Swear/Spam Filter ve Anti-flooding gibi özelliklerle güvenliği sağlamanın yanında, Drag & Drop Design, Smilies ve Help Pages gibi daha birçok özelliklerle de kullanım kolaylığı sağlamakta.

Her zaman içerik kraldır! Bunun yanında kullanıcıların oluşturduğunuz içeriğe geri bildirim yapmasına fırsat sunmalı, onlara yorum yapmak için uygun ortam oluşturmalısınız. Şimdi sizlere yorum yapmayı basit ve eğlenceli kılan en önemli 10 ipucunu sunacağım.

1- Blogunuzdaki Toplam Yorum Sayısını Gösterin

Popüler sitelerde gövde gösterisi olarak kullanılan ve kullanıcılara "bu kadar kişi yorum yaptı, sen niye yapmayasın" mesajını veren bir uygulamadır.

2- Yorum Alanı için Çoklu Renk Şablonu Kullanın

Birden fazla yorumu alt alta okuyan ziyaretçimiz aynı renk şablonunundan sıkılacak ve bir alttaki yoruma geçerken odaklanmakta sorunlar yaşayacaktır. Dolayısıyla sayfayı kapatabilir, yorum yapma ihtimali düşebilir. Zarif açık tonlarla yorum alanını 2 renkte tasarlayabilirsiniz. Mükemmel bir çözüm.

Google connect savaşında bir hamle daha yaparak, farklı dilleri konuşan web sitenizin kullanıcılarının, birbirlerinin yorumlarını kolayca okuyabilmelerini sağlamak için comment translation özelliğini Friend Connect'in * Comments(yorumlar) aracına ekledi.

blog'unuza veya web sitenize ziyaretçilerinizin yorumlarını yapmaları için tasarlanmış bir yorum platformu/eklentisi olan disqus * mevcut özelliklerine eklediği yeni özelliklerle sosyal medya siteleri için bir sosyal yorum patformu olma yolunda ilerliyor:

1-Tweet Comments : yorumcuların twitter hesapları ile giriş yaparak yorum yapabilmeleri ve yorumlarını kendi takipçileri için tweet'leyebilmeleri.

2-Mini-Profiles: herhangi bir yorumcunun resminin/avatar üzerine gelindiğinde küçük bir pencere açılarak yorumcu hakkında bazı bilgiler vermekte.

Yorum formu, genellikle bir yazının sonunda bulunan ve arayüz tasarımının önemli bir bölümünü oluşturan parçasıdır. Öyle ki bir sitede bulunan yorum ekleme bölümü, yazı fontları ile, tasarımı ve kullanılan renkleri ile okuyucuyu, yorum girmeye ikna etme yeteneğine sahip olmalıdır.
Bu bildiride yukarıda bahsedilen özelliklere sahip, çeşitli web sitelerinden ve bloglardan toplanan kusursuz yorum formlarının bazı başarılı örneklerine yer vereceğiz.

Wordpress projesiyle tanınan ve bloglara yönelik projeler geliştiren Automattic ile intensedebate işbirliğiyle hazırlanan bu proje ile wordpress, movable type, blogger gibi belli başlı blog hizmeti sunan servisler ve websiteleri için yorum özelliği hizmeti sunan bir proje başlatmışlar.. Böylece hazırlanan eklentiler ile daha gelişmiş bir yorum bölümünü bloglarımızda kullanabileceğiz.. Örnek olarak şu yazının altındaki yorumları inceleyebilirsiniz.. Bu sayede sitenizdeki veya blogunuzdaki yorum bölümüne; yorumlara oy verebilme, yoruma cevap, yorumları takip, yorum yazana puanlama gibi özellikler kazandırmış olacaksınız.. Automattic sayesinde akismet ve gravatar'da dahil edilmiş.. Son zamanlarda bildirgeç'te de buna benzer bir yenilik yapılmıştı.. Sistemi şuan davetiye ile deneyebiliyorsunuz. Anasayfadan davetiye kodu isteyebilirsiniz.. Proje hakkındaki gelişmelride blog sayfalarından takip edebilirsiniz..