bildirgec.org - etiketler: blog

Video Blogu

yahoytt — Sat, 06 Aug 2011 10:57:00 GMT

Türkiye'nin İlk ve en geniş video içeriğine sahip blogu Vide-z, magazin'den spor'a, medya'dan yaşam'a dair yüzlerce video'suyla içeriğini genişletmeye devam ediyor.

Her gün yeni video'ların yorumlandığı ve kullanıcılarla paylaşıldığı http://vide-z.blogspot.com/'a sizi de bekleriz.

Bu yazı yahoytt tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yeni Siteler Keşfedelim - XXII

Atomic Bomb — Mon, 07 Mar 2011 08:57:00 GMT

ultimate chart: Son çıkan müziklerden, albümlerden haberiniz olmadığını ve bunları araştırmaya zamanınızın olmadığını düşünüyorsanız, bu site tam size göre. Site birkaç kaynaktan topladığı verilerle en popüler müzikleri, sanatçıları sizlere sunuyor.

Map of Metal: Bilindiği gibi metal müzik içinde onlarca tarz ve alt-tarz barındıran bir müzik türü. Bütün bu türleri aklında tutabilenler elbet vardır. Ancak eğer siz bunlardan biri değilseniz, bu siteye bir göz atabilirsiniz. Sitede metal müziğin kendi içindeki tarzları bir harita ile orijinini belirterek sizlere anlatıyor. Oldukça güzel hazırlanmış ve ilgililerine hitap edebilecek bir site.

Q Wiki: Bir konuyu merak ediyorsunuz ve nerden başlayacağınızı bilmiyorsunuz. Bir iki dakikalık sunumlarla size o konuyu özetleyen yeni nesil bir arama motoru olan qwiki gerçekten internetin geldiği en son noktalardan biri.

feed2pdf: Yine oldukça kullanışlı bir servis. Bu site sayesinde takip ettiğiniz sitelerdeki feedlerden ögeleri çekerek pdf formatına dönüştürebilirsiniz. Böylece bu yazıları daha görsel ve fonksiyonel olarak okuyabilirsiniz. Kesinlikle tavsiye ettiğim bir site.

photoblog william darhy:Fransız amatör bir fotoğrafçı olan Walliam Darhy’nin çektiği birbirinden güzel fotoğrafları takip edebileceğiniz bir foto blog. Bu alanda ilgili olanlara da ilham verebileceğini düşünüyorum.

Bu yazı Atomic Bomb tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

facebook favori tasarım sayfaları

ANDER — Wed, 02 Mar 2011 08:25:00 GMT

facebook, artık arkası alınamaz inanılmaz bir sosyal güç haline geldi. i̇çeriğinde bulunan interaktif özelliklere sahip fonksiyonlarıyla her yaştan her kurumdan herkezin yararlanabileceği bir oluşum olmuş durumda. bu denli etkin bir sosyal oluşumda etkin tasarım sayfaları gün geçtikçe artıyor. şüphesiz bu sayfaların başında büyük firmaların sayfaları geliyor. tasarım sayfalarında durum ise biraz farklı. büyük tasarım grupları maalesef bir elin parmaklarını geçmeyecek sayıda. i̇şte içerisinde tasarım adına her türlü bilgiyi bulabileceğiniz kalabalık facebook tasarım sayfaları.

smashing magazine ( 39.717 fan )

http://www.facebook.com/smashmag

psd tuts+ (26.056)

http://www.facebook.com/psdtuts

ladyumbrella (7.825 fan)

http://www.facebook.com/ladyumbrella

inspired magazine (10.677 fan)

http://www.facebook.com/inspiredmag

deviantart (654.497 fan)

http://www.facebook.com/deviantart

coroflot (10.326 fan)

http://www.facebook.com/coroflot

Kaynak

Bu yazı ANDER tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

blog'lamaya giriş rehberi

silver530 — Thu, 24 Feb 2011 11:27:00 GMT

web'in yeni nesil gazetecileri olan blog'cuların dünyasına giriş rehberi

blogcu

blog açmak isteyenlere bir rehber olacak bu yolculuğumuzda blog dünyasındaki trendlere yakından bakacağız.

siz de eğer internet dünyasında fikirlerinizin yer almasını istiyorsanız blog açma vaktiniz gelmiş demektir. bunun için önünüzde ücretsiz bloglama araçlarından tutun da kendi barındırma alanınıza kurabileceğiniz gelişmiş blog yazılımlarına kadar çokca seçenek var.

bu rehber sayesinde blog dünyasına hızlı bir giriş yapıp fikirlerinizi, resimlerinizi ve videolarınızı nasıl yayınlayacağınızı öğrenebilirsiniz.

blog nedir?

blog kelimesi ingilizce weblog kelimesinin kısaltmasıdır. türkçe'de web günlüğü demektir. blog bir veya daha fazla yazar tarafından güncellenen yorumların, resimlerin ve video gibi öğelerin yayınlandığı bir sitedir.

blog

blog'lar; fotoblog, video blog, müzik blogu, ses blogu gibi çeşitlerde olabilir. ünlü blog arama motoru technorati 2007 sonunda 110 milyonun üzerinde blogun kendisinde kayıtlı olduğunu duyurmuştur.

blog'unuzu planlayın

ilk önce blog için gereken içerik yönetim sistemini seçin. tavsiye olarak wordpress çok iyidir.

wordpress

blog tarzınız

planlamanın ikinci aşaması ne amaçla blog yazacağınızdır. kişisel, kurumsal, hobi ve ilgi alanlarını paylaşmak gibi olabilir. bloglar genelde görüntü olarak aynıdır. onların tarzını belirleyen içerikleridir.

blog tarzları:

kişisel: tasarımı sade olabilir. rss akışı artı değer katacaktır.

yorum: ürünler ile ilgili fikirlerin, incelemelerin ve yorumların paylaşıldığı bloglar.

örgütsel blog: organizasyonlar ve şirketler içindir. sık sık güncellenmeli ve içerikte resimler kullanılmalı.

topluluk blogu: okurların içerik oluşturmasına izin verilen bloglardır. örnek olarak bildirgec.org'u verebiliriz.

fotoblog: yazılardan çok fotoğrafların paylaşıldığı blogdur.

yorum yapılması

yorumlara izin vermeniz tavsiye edilir. ancak yorumları iyi denetlemelisiniz.

yazar sayısı

bu önemli bir karardır. içerik sadece sizin tarafından mı yoksa çok yazar tarafından mı sağlanacak.

yazar

güncel blog'lamalar dileğiyle..

popüler yazılarım:

7 püf nokta ile hitinizi artırın

blog'lamanın tarihçesi ve wordpress

wordpress kullanıcı rolleri

2010'un en iyi bedava 10 programı

Bu yazı silver530 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

blog'lamanın tarihçesi ve wordpress

silver530 — Tue, 22 Feb 2011 10:18:00 GMT

1997 yılında ortaya çıkan blog olayı 2003'te wordpress'in doğmasıyla patlama yaptı.

"weblog" terimini ilk olarak 1997'de john barger kullanmıştır. 1999'da ise peter merholz şaka olarak "we blog" (blog yazıyoruz) olarak sitesine yazmıştır.

kısa süre sonra blogger'ın sahibi olan pyra labs firması tarafından blog kelimesi bir eylem olarak kullanılmaya başlanmıştır.

blogger

wordpress 2003 yılında ortaya çıktığında piyasadaki az sayıdaki blog yazılımlarından biriydi. wordpress ilk çıktığı yılki kullanıcı sayısı iki elin parmaklarını geçmezken bugün dünyanın en çok kullanılan blog'lama yazılımı olarak milyonlarca siteye ulaşmıştır.

wordpress 2005 yılında 1.5 sürümüyle tema desteğine kavuşmuştur. aynı yıl bitmeden yayınlanan 2.0.2 sürümü için wordpress türkiye tarafından ilk türkçe wordpress paketi hazırlanmıştır.

wordpress; 2006 yılında 1,545,703 kez, 2007'de ise 3,816,965 kez indirildi.

wordpress

wordpress'in marifetlerini keşfedin

wordpress'i tercih etmeniz için başlıca sebepler:

ücretsiz olması

kullanım kolaylığı

hızlı kurulum

sürekli destek

wordpress ile kodlama ve web tasarım bilmeden blog'unuzu kurabilirsiniz.

çeşitlilik: wordpress'in üç farklı sürümü vardır. web sunucunuz için wordpress yazılımı, kurulum gerektirmeyen wordpress.com ve kullanıcılarınıza da blog oluşturma imkanı tanıyan wordpress mu'dur.

wordpress mu

wordpress'in kurulumu çok basittir ve yapısı çok esnektir. öyleki kendiniz değiştirebileceğiniz gibi yükleyeceğiniz eklentiler ile de ihtiyacınıza göre özelleştirebilirsiniz.

wordpress'in geliştirilmesi

wordpress için hazırlanmış binlerce eklenti vardır. büyük çoğunluğu da ücretsizdir. yine aynı şekilde binlerce tema ile tasarımınıza renk katabilirsiniz.

wordpress topluluğuna katılın

wordpress konusunda destek alabileceğiniz geniş kullanıcı kitlesinden oluşmaktadır. ingilizce destek merkezi çok geniştir. türkçe destek forumlarından da ihityacınız olan desteğe ulaşabilrsiniz.

wordpress türkiye forumları

wordpress sürümleri karşılaştırma tablosu

a = wordpress kurulum yazlımı

b = wordpress.com

c = wordpress mu

özellik-----------------a------------b---------c

fiyatı-------------bedava----bedava---bedava

kurulum---------evet-------hayır------evet

hosting----------evet-------hayır------evet

özel css---------evet-------15$/yıl----yönetici

şablon-----------evet-------hayır-----yönetici

bileşen----------evet-------evet------evet

rss-------------evet--------evet------evet

açık kod--------evet--------hayır-----yönetici

eklenti---------evet--------hayır------evet

tema----------evet--------hayır------evet

çoklu yazar----evet--------evet------evet

sınırsız blog---hayır--------evet------evet

bol blog'lu günler dileğiyle...

WordPress Codex

wordpress Geliştirme Blogu

WordPress Destek Forumları

WordPress Türkiye Forumları

WordPress Türkçe Belgeler

popüler yazılarım:

envato'nun şubat 2011 bedavaları

envato'nun market sitelerini keşfedelim

en popüler 15 facebook uygulaması

2010'un en iyi bedava 10 programı

Bu yazı silver530 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

wordpress kullanıcı rolleri

silver530 — Tue, 22 Feb 2011 09:17:00 GMT

bu yazımızda kullanıcı yetkileri artarak anlatılacaktır. her bir sonraki kullanıcı öncekilerin yetkilerine sahiptir.

1 - abone: sadece sisteme kayıtlı kullanıcı adıyla yazılara yorum yapabilir.

abone

2 - içerik sağlayıcı: sisteme dosya yükleyebilir ve kendi yazılarını düzenleyebilir. kendi yazısını gönderdiğinde yazısının yayınlanması için bir editör veya yönetici onayından geçmesi gerekir.

içerik sağlayıcı

3 - yazar: yazdıkları yazılar yönetici tarafından onaylanmasına gerek kalmadan yayınlanır. yazılarını silme yetkisi de vardır.

yazar

4 - editör: yorumları, kategorileri ve bağlantıları yönetebilirler. sayfaları ve başka yazarların yazılarını da düzenleyebilirler. ayrıca özel yazıları okuyup düzenleme yetkileri de vardır.

editör

5 - yönetici: tüm wordpress ayarlarını değiştirme yetkisine sahiptir. blog sahibi otomatik olarak yönetici olarak atanmıştır. dilerseniz başka yönetici yetkisine sahip kullanıcılar da ekleyebilirsiniz. ancak bu ayrıcalığı çok güvenmediğiniz kimselere tanımanız tavsiye edilmez.

yönetici

yeni kullanıcı ekleme

kullanıcılar menüsündeki "yeni ekle" linkine tıklanır.

diğer kullanıcların da sisteme girişi aynı sizin gibi www.siteadi.com/wp-admin adresinden yapılmaktadır.

kaliteli ve zengin içerikler dileğiyle..

WordPress Codex

wordpress blogu

WordPress Destek Forumları

WordPress Türkiye Forumları

WordPress Türkçe Belgeler

popüler yazılarım:

envato'nun şubat 2011 bedavaları

20 dakikada joomla! kurulumu

envato'nun market sitelerini keşfedelim

en popüler 15 facebook uygulaması

Bu yazı silver530 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

bloganya | blog takip sitesi

burak91 — Wed, 16 Feb 2011 15:12:00 GMT

Siteden genel bir görünüm

Bir blog yazarısınız ve bir blogunuz var ama kimsenin haberi yok, okuyan yok, bakan yok.
Blogunuzu tanıtmak istiyorsunuz. Bunun bir yolu reklam vermek, diğer bir yolu da bloganya.
Peki nedir bu bloganya?
bloganya bir blog topluluğudur ve blog takip sitesidir.

Bloganyaya blogunuzu ekleyebilir, eklenen diğer blogları da site üzerinden kolayca takip edebilirsiniz.
Örneğin bir blogum var benimblog.com. Blog A ve Blog B'yi de takip etmek istiyorum. Önce blogumu eklerim ve sonra Blog A ve Blog B sayfasındaki "takip et" butonuna tıklarım. Bu 3 blogu da tek bir yerden kolayca takip ederim.

"Takip et" butonu ile kolayca takip edebilirsiniz

Takip edilen bloglardan son yazılar

Ayrıca blogların dışında bir de skor tahmin oyunu var. Bu oyunda futbol maçları için tahminde bulunuyorsunuz ve puan kazanıyorsunuz.

skor tahmin oyunu

Siteye gitmek için tıklayın

bloganya | blog dünyasının kalbinin attığı yer

ilgili yazılar

bloganya.com yenilendi (0)

Bu yazı burak91 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bloğuma ziyaretçi gelmiyor

ANDER — Thu, 10 Feb 2011 14:21:00 GMT

Bloğumuzu nasıl ziyaretçi çekebiliriz ? Bloğumuzu google'a nasıl kayıt edebiliriz ?

Bu yazı ANDER tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İlhamlık Taze Wordpress Blog Tasarımları

ANDER — Sat, 05 Feb 2011 09:21:00 GMT

Wordpress sistemli bloglarınız için ilham kaynağı mı arıyorsunuz ? Ya da yeni ufaklara dalmak mı ? Aşağıda son derece ilgi çekici ilhamlık wordpress temalarını inceliyebilirsiniz....

http://www.blissfullyaware.com/

http://www.thecssawards.com/blog/

http://blackmoondev.com/blog/

http://ayakaito.com/log/

http://designdisease.com/

http://www.ndesign-studio.com/

http://www.webdesignerwall.com/

http://undeadlabs.com/

http://www.thepixel.com/blog/

http://culturapositiva.com/

Bu yazı ANDER tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Blog tasarımı nasıl yapılır?

maxhoper — Tue, 01 Feb 2011 09:08:00 GMT

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

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

2.Cult-foo

cult fo

cult foo header köşelerindeki başarılı tasarımıyla dikkat çekiyor.

3.darkmotion

darkmotion

darkmotion'un header tasarımı kullanıca eğlenceli görünüyor ve kullanıcıyı siteye çekiyor.

Header nasıl tasarlanmalı?

Blog tasarımına öncelikle header'dan başlayın. Photoshop'da tasarımı yapmadan önce header içerisinde vermek istediğiniz mesaj, site ismi ve slogan gibi metinlere önceden karar verin.
Header tasarlamanın pek çok yolu olmakla birlikte tasarım yapılırken dikkat edilmesi gereken en önemli noktalardan biri sitenin geri kalanıyla ve konusuyla ilgili olmasıdır. Header siteye ilk kez giren ziyaretçiye bile olabildiğince çabuk bir şekilde sitenin amacını aktarabilmelidir.
Yaratıcı olun ve farklı tasarımlar denemekten korkmayın. ilk kez denenmiş benzersiz bir tasarım her zaman ziyaretçiler tarafından hatırlanabilir.

Content Area - içerik alanı

Content area içeriği taşıyan bölgedir. Bu sebeple bloğu ziyaret eden kullanıcıların en çok zaman harcayacakları yer de burasıdır. bu bölge ziyaretçilerin dikkatini dağıtacak tüm unsurlardan arındırılmış olmalı, içerisinde barındırdığı metinler son derece okunaklı ve gözü yormayacak olacak şekilde yerleştirilmelidir. Bu yüzden içerik alanında sadelik önemlidir.

Harika içerik alanlarından örnekler

1.Simplebits

simplebits

simplebits okuması son derece kolay ve linklerin olduğu bölgeler yeteri kadar belirginleştirilmiş.

2.We love wp

we love wp

Karanlık temalardaki en büyük sorunlardan biri yazıların okunabilir kılınmasındaki zorluktur. Ancak we love wp bu sorunun üstesinden gelmiş.

3.we break stuff

we break stuff

Renk kombinasyonu başarılı. Linklerin altlarını noktalarla çizme fikri güzel.

Başarılı içerik alanı nasıl tasarlanır?

Hiyerarşiye dikkat edilmeli. Vurgular başlık, metin ve geri kalan ögelere doğru azalarak inmeli. Örneğin her zaman başlıklar metinden daha vurgulu ifade edilmeli.

İçerikler aktarılan konular açısından birbirine yakın olmalı. Okuyucu bir içerikle ilgileniyorsa yakınlarda o konuyla ilgili başka içerikleri de görebilmeli.

Linkler yeteri kadar belirgin olmalı ancak okuyucunun dikkatini dağıtmayacak kadar da tasarımla bütünleşmeli.

Primary Navigation - Birincil Yönlendirici

Bu yönlendirici ziyaretçileri blogun farklı bölümlerine yönlendirmek için kullanılır. Genellikle header'ın üstünde bulunur. Orada olması gerekmez ancak çoğu ziyaretçi bu yönlendiricinin orada olmasını bekler ve buna ihtiyaç duyar.

Mükemmel Primary Navigation örnekleri

1.A list a part

a list a part

a list a part doğru tasarlanmış navigasyon menüsü için oldukça iyi bir aday.

2.Mindtwitch

mindtwitch

mindtwitch doku kullanarak navigasyonu öne çıkarma üzerine oldukça iyi bir örnek.

3.Jogger

jogger

jogger'in navigasyon menüsü oldukça basit ve sade fakat tasarım içerisine oldukça iyi adapte edilmiş.

Mükemmel bir primary navigation nasıl tasarlanır?

Navigasyon linklerini olabildiğince az tutun. 6-7 linki aşmamasını öneririm.
primary navigation linkleri için blog tasarımında biraz geniş bir alan sağlayın. Bu linklerin her sayfada görünmesi gerekmiyorsa görünmemesi gereken sayfalarda linkleri secondary navigation bölgesinde vermeyi göz önünde bulundurun.
Hakkında ve İletişim linkleri genellikle primary navigation bölgesinde bulunur. Diğer linkler tasarımın nasıl yapıldığına ve kullanıcıya ne verilmek istendiğine göre değişir.

Secondary Navigation - ikincil yönlendirici

İkincil yönlendiriciler ziyaretçilerin bloğun diğer kısımlarına kolayca erişebilmesi için kullanılır. Genellikle bu linkler sidebar (yan sütun)'da verilir.
Birincil yönlendiricinin içermediği linkler bu bölümde sergilenir. Örneğin popüler makaleler, sayfalar, son yorumlar gibi. Siteyi ziyaret eden kullanıcıların kolayca erişmesi istenen kısımlara bağlantı sağlar.

Mükemmel secondary navigation örnekleri

1.elitistsnob

elitistsnob

temiz tasarımı sayesinde elitistsnob'un navigasyon menülerini okumak çok kolay.

2.Manclub

manclub

navigasyon menüsü içerik alanının arkasından kayarak çıkıyor ve tüm bölümler rahatlıkla ayırt edilebiliyor.

3.desingdisease

desingdisease

desingdisease turuncu rengin farkı tonlarını navigasyon menüsünde farklı bölgeleri ayırmak için kullanıyor.

Mükemmel second navigation bölümü nasıl tasarlanır?

Primary navigation da olduğu gibi burada da olabildiğince az link verilmesi yararlı olacaktır.
farklı linkler için secondary navigation alanını bölün. Bu algılamayı ve kullanımı kolaylaştıracaktır.
Secondary navigation alanını karmakarışık yapmayın. Okuyucu için gerçekten gereken nesneler hariç ne varsa çıkarın. Takvim güzel görünebilir ancak gerçekten işlevsel bir amacı yoksa (örneğin rezervasyon tarihi belirleme gibi) hiçbir okuyucunun buna ihtiyacı yoktur.

Headlines - manşetler
Manşetler kullanıcının dikkatini ilgili blog yazılarına çekmek için kullanılır. Yazarın ziyaretçiyi diğer blog yazılarından alıp ilgili yazıya yönlendirmek için kullandığı yöntemlerden biridir. Bu yüzden manşetler belirgin yapıda olmalıdır. Bunu yapmanın pek çok farklı yaratıcı yolu var.

Mükemmel manşet örnekleri

1.Henry Jones

henry jones

Henry sade tasarımı ve manşetleriyle kullanıcın ilgisini manşete çekebiliyor. ayrıca sevimli ikonlar kullanarak tarih ve yorum bölümüne de dikkat edilmesini sağlamış.

2. I love typography

i love typograpy

Bu font ve renkleri kullanarak nasıl ilgi çekici bir manşet yaratabileceğinizi gösteren mükemmel bir örnek.

3.blogsolid

blog solid

Blog solid başlık kenarında garip bir tasarım kullanarak kullanıcın ilgisini başlığa çekiyor.

Manşetler nasıl dikkat çekici yapılır?

Bunu yapmanın en kolay yolu manşet renklerini ana metin renginden farklı seçmektir. İçerik ve manşet için farklı fontlar kullanılabilir. Genellikle manşetler için serif fontlar ve içerik için non-serif fontlar kullanılır.

Daha büyük puntolar kullanmak manşetleri belirginleştirir. içerikle aynı büyüklükte fontlar içerikle manşetin ayırt edilmesini zorlaştırır. Manşet puntoları içerik puntosundan büyük olmalıdır.

Manşetleri belirginleştirmek için kullanılabilecek bir başka yol makale gönderim tarihi gibi bilgileri manşetin dışında bırakmaktır. (Bu makalenin orjinalinin bulunduğu blog bunu kullanmaktadır)

Comments - yorumlar

Yorum sekmesi blog içerisindeki iletişimi güçlendirmek için oldukça önemli yer tutar. Yorum kenarlarına numara vermek. Yorumcuların birbirlerini kolayca tanımlamalarını sağlar.
Yazarın yorumlarını daha belirgin yapmak bir ziyaretçiye yazarın yorumlarını sayfa içinde hızla ararken kolaylık tanıyacaktır.

Mükemmel yorum sekmesi tasarım örnekleri

1.Chris Shifflet

chris shifflet

Chris'in yorum alanını okumak oldukça kolay. Sade tasarımı ve yazarla yorumunu farklı bölümlere ayırması ilgi çekici.

2.Darkmotion

darkmotion

Yazar bilgilerinin ayrı tutulması oldukça hoş. Ayrıca yorum alanları da birbirinden ayrı görünüyor. Genel olarak sanki birisiyle sohbet halindeymiş gibi bir izlenim uyandırıyor.

3.Blog Desing Blog

blog desing blog

(Bu makalenin orjinalinin yer aldığı bloga ait olan yorum paneli. Makale yazarı ziyaretçilerinden oldukça olumlu eleştiriler aldığı için kendi bloğunun yorum bölümünü de makalesine eklemiş)

Mükemmel yorum bölümü tasarımı nasıl yapılır?

Yorumları birbirinden ve ana alandan ayırmanın en kolay yolu tasarımı alt alta gelen yorumları farklı renklerde olacak şekilde yapmaktır.
Yazarın yorumlarının diğer ziyaretçilerin yorumlarından daha belirgin kılınması faydalı olacaktır. Ancak bu yapılırken bütünlüğü bozacak kadar belirginleştirme yapmak da negatif yönde etki edecektir. Renklerde küçük değişiklikler bu belirginleştirme işi için ideal olacaktır.
İsim, tarih gibi bilgileri esas yorum metninden ayırmak ziyaretçilerin yorumları gözleriyle hızla tararken rahat etmesini sağlayacaktır. Böylece istediklerini daha hızlı bir şekilde bulabilirler.

Post's footer - içerik sonu

post's footer bölgesi içerikten sonra yorum bölümü başlamadan önce ziyaretçilere bir takım refereans linkler verebileceğeniz bir bölgedir. Bu bölüm gülünç bir şekilde sıklıkla tasarımcılar tarafından atlanır. Aslında oldukça kıymetlidir. Ziyaretçilerin içeriği okuduktan sonra dikkatini diğer önemli makalelere çekmesi için bir şans verir.
İnsanlar bloglarında diğer elementlerin dizaynı için oldukça zaman harcarlar ancak sıra page's footer a geldiğinde şablon temanınkine benzer sıradan bir dizayn hazırlayıp geçerler. Bu yeterli olmaz.

Mükemmel post's footer örnekleri

1.Freelanceswitch

freelanceswitch

Oldukça keskin, temiz ve okuyucunun dikkatini okuyucu içeriği okuduktan sonra nazikçe burada sergilenen linklere çekiyor.

2.PSDTuts

psdtuts

okuyucaların oylayabilecekleri ve eğer makaleyi beğendilerse paylaşım ağlarına gönderebilecekleri linklerin mevcut olduğu bir post's footer tasarlanmış. Farklı renk kombinasyonu kullanılarak kullanıcının dikkati içeriği okuduktan sonra buraya kaydırılıyor.

3.Standarts of Life

standarts of life

Oldukça temiz bir post's footer bölgesine sahipler. Benzeri makalelere verilen linklerin bulunduğu bölgede linkleri birbirinden ayırmak için alt alta gelen linklerin arkası farklı renklerde tasarlanmış.

Mükemmel post's footer nasıl tasarlanır?

Footer's post içeriğin sergilendiği bölümden kesin bir farklılıkla ayrılmalı. Okuyucu bunun içeğe ait olmadığını, ona yardımcı olmak için sayfaya eklenmiş olduğunu ilk görüşte anlayabilmeli. Bunun için farklı bir arkaplan rengi kullanmak farklılığı yaratabilmek için ideal yollardan birisidir.
Tasarıma başlamadan önce post's footer bölümünde ne istediğinize karar verin. Böylece bu bölgenin çöplük haline gelmesini önlemiş olursunuz ayrıca tasarımınız da daha hoş görünür.
Post's footer a koyabileceğiniz en iyi içeriklerden biri "benzer sayfalar" linkleridir. bu okuyucuya ilgilendiği konuyla ilgili daha çok makaleye kolayca ulaşma imkanı sağlar. Kullacının blogda sıkılmadan daha fazla vakit geçirmesi için önemlidir.

Footer - taban

Pek çok insan footer'ı sadece klasik telif hakkı yazısı için kullanır. Ancak footer sidebar'ı dolup taşırmadan fazladan link verebileceğiniz önemli bir alandır. daha çok secondary navigation linki burada tutulabilir. Ziyaretçiler makaleyi bitirip sayfanın altına indiklerinde sayfa sonuyla karşılaşacaklar. Burası aslında onları blogdaki diğer makalelere yönlendirmek için verimli bir alan olabilir. Buradaki secondary navigation linklerinde popüler makaleler, son makaleler, öne çıkan makaleler gibi farklı dallarda linkler vererek ziyaretçileri sitede yayınlanan diğer ilginç içeriklere gönderebilirsiniz.

Mükemmel footer tasarımlarına örnekler

1.Desingshack

desingshack

Sidebar kullanmadan secondary navigation linklerini footera aktarmayı denemişler. İncelenebilir.

2.Web Desingner Wall

webdesingnerwall

Nick sanırım header tasarımına harcıdığı zaman kadar footer da zaman ayırmış. Footer tasarımındaki detaylar dikkat çekici.

3.Chriss Shiflett

Chriss Shiflet

Gerçekten temiz ve işlevsel bir footer için iyi bir örnek. Tam olarak yapması gerekeni yapıyor.

Mükemmel footer tasarımı nasıl yapılır?

Footer'ı tasarımın geri kalanına biraz daha karşıt şekilde tasarlayın. Bu kullanıcının footer bölümüne geldiğini ve sayfanın sonuna yaklaştığını hissettirir.

Okuyucuların gerçekten nelerden hoşlanacağını tahmin ederek okuyucaları o konulara yönlendirmeye çalışın. Burayı gereksiz bilgilerle doldurmak okuyuculara yardımcı olmaz.
Basit ve kullanışlı olmayı burada da sürdürün. Kullanıcıların kolayca algılayabileceği şekilde tasarlayın.

Advertisement - reklam

reklamlar pek çok blogger için oldukça önemlidir. Ancak reklamlar çoğu zaman sayfanın korkuç gözükmesine yol açar ve bu kullanıcıların içeriği okuyamamasıyla sonuçlanabilir. Bir süre sonra kullanıcılar sitenizi ziyeret etmeyi bırakacaklardır.
Eğer reklamları doğru şekilde yerleştirmeyi başarır ve makaleyi reklamdan daha önde tutmanın yolunu bulursanız bu sorunu ortadan kaldırabilirsiniz. Sitenizi ziyaret etmeye devam eden kullanıcılar da böylece daha çok para kazanmanızı sağlar.

Mükemmel reklam bölümü tasarım örnekleri

1.Copyblogger

copyblogger

copyblogger 125*125 boyutlarında oldukça büyük bir banner ı sayfasının üstüne yerleştirmiş fakat sponsorlarımız bölümü altında ve içeriğe dahil olmadığı kolayca ayırt edilecek şekilde konumlandırmış. İçeriği okumada her hangi bir sıkıntı yaratmıyor.

2.webdesingerwall

webdesingerwall

webdesingerwall standart bir reklam görüntülemiyor. Ayrıca bunu içeriğin yanına eklemiş. ancak içerikle arasında bir ayıraç kullanarak bu reklamın içeriğe dahil olmadığını fark ettiriyor. böylece kullanıcıyı rahatsız etmemeyi amaçlamış.

3.problogger

problogger

problogger kendi logosu yanında standar bir reklam banner'ı kullanıyor. Ancak bu hem logosunun hem de içeriğinin gerisinde kalıyor ve ziyaretçinin dikkatini dağıtmıyor.

Reklam bölümü nasıl tasarlanır?

Eğer blogunuza reklam koymayı düşünüyorsanız, blogunuzun tasarımı daha taslak halindeyken reklamları nereye yerleştireceğinizi tasarlayın. Bu blogunuza daha fazla esneklik kazandıracaktır.
reklam vermekte en popüler yöntemlerden biri 125*125 boyutlarında google adsense bannerlerını kullanmaktır. google adsense pek çok farklı boyutta ve şekilde reklam veriyor olsa da 125*125 pixel boyutlarındaki reklamlar sidebar için uygundur.

Reklam almadan önce reklamların sitede nasıl görüneceğini anlamak için bir kaç reklam örneği bulup bunları siteye ekleyerek deneyebilirsiniz.
Reklamlar görülecek kadar dikkat çekmeli ancak içeriğin önüne geçecek kadar da dikkat toplamamalı. Sidebar reklamları konumlandırmak için en iyi yerlerden birisidir. fakat sidebar'daki navigasyon menülere ulaşımı engellememelidir.

Bol tasarımlı günler...

not: ingilizceden türkçeye çevirileri birebir yapmak yerine yeni cümleler kurdum. Bazı noktalarda ek bilgiler verdim. Bu yüzden bire bir çeviri değildir. Makalenin orijinalini ziyaret ederek orijinali de incelenebilir.

ilgili yazılar

Bu yazı maxhoper tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage