comment | 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 tasarımı bir sanattır. Bir kısım web tasarımcı bloglarını tasarlarken yorum tasarımını gözden kaçırır ve gelişi-güzel bir yorum tasarımıyla işin içinden çıkmak ister. Halbuki ziyaretçilerinizin yazılarınıza katkıda bulunmasına yardımcı olabilecek bir öğe de hiç şüphesiz yorum kısmının güzelce tasarlanmış olması ve albeni'sinin dozajı iyi ayarlanmış olmalıdır.

şimdi bu yazıda ilginizi çekebilecek 30 adet blog ve güzelce tasarlamış oldukları "yorum tasarımlarını" bulacaksınız.

1. alwaysBETA

Blog sahipleri için en büyük dertlerden biri de spam yorumlardır. Bugüne kadar spam yorumları engellemede en alternatifsiz gibi görünen ürün akismet. Kişisel bloglar için ücretsiz olan akismet ticari bloglar için aylık 5 dolar ücret talep ediyor ancak ücretsiz versiyonun da bazı kısıtlamalar bulunuyor. Techcrunch tarafından da kullanılan akismet’in günde 15000 spam yorumu engellediğini söylüyor Michael Arrington. Typepad blog platformunun sahibi sixapart bu konuda blogculara iyi bir alternatif sunuyor. Üstelik tamamen ücretsiz ve açık kaynak kodlu. Typepad antispam wordpress platformu kullanan Techcrunch tarafından da denenmiş ve en az akismet kadar başarılı bulunmuş. Typepad antispam yorumları ham (iyi) spam (kötü) ve unknown (moderatör) olarak üç kategoride topluyor. Akismet çok sayıda platformu desteklerken, Typepad antispam şimdilik sadece wordpress ve movable type’ı destekliyor.