http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: web sitesi Sami Erguner <p>Zaman zaman pek çoğumuz, gerekli programları eksiksiz olan kendi bilgisayarımızın haricinde, farklı bilgisayarlarda da çalışmak durumunda kalabiliyoruz. Örneğin, bir arkadaşımızın yeni bilgisayarına belki daha hala bir antivirüs programı yüklememiş olduğunu farkedebiliyoruz. Kimi zamansa bilgisayarımızdaki yüklü programlar ile çözebileceğimiz işlerimizi, web üzerinden gerçekleştirme isteği duyabiliyoruz. <strong>Aşağıda bize farklı konularda faydası dokunabilecek, pratiklik sağlayabilecek 101 adet web sitesi içinde öne çıkanlardan bahsetmeye çalışacağım.</strong> Bu 101 adet sitenin listesine ise <strong><a href="http://www.labnol.org/internet/101-useful-websites/18078/">buraya tıklayarak</a></strong> ulaşabilirsiniz.<br><!-- buradan kes --><br>1) <strong><a href="http://www.screenr.com/">screenr.com</a></strong>: Bir screen capture (ekran yakalama) programı gibi çalışan flash uygulaması ile masaüstümüzdeki çalışmayı 5 dakikalık bir film olarak kaydederek youtube'a aktarmamızı sağlıyor.</p> <p>2) <strong><a href="http://copypastecharacter.com/">copypastecharacter.com</a></strong>: Bazen yoğunluk veya yorgunluktan klavyede her zaman kullandığımız tuş kombinasyonunu hatırlamayabiliyoruz. Bu siteye girdiğimizde karşımıza çıkan tablodaki herhangi bir karakterin üzerine bir kez tıkladığımızda kopyalamış oluyoruz. Ardından Notepad veya Word gibi bir programa Ctrl+V (yapıştır) komutu ile seçtiğimiz karakteri alabiliyoruz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami+Erguner/copypaste-2.jpg' alt="\"\"" border="0"><br></div></p> <p>3) <strong><a href="http://www.iconfinder.com/">iconfinder.com</a></strong>: Çeşitli boyut ve formatlarda ikonları bularak bilgisayarımıza indirebiliyoruz. Fakat seçtiğimiz ikonu kullanmadan önce info butonuna tıklayarak lisans durumunu öğrenmemizde fayda var.</p> <p>4) <strong><a href="http://www.woorank.com/">woorank.com</a></strong>: Bir web sitesi hakkında bilgi almak istiyorsak adresini yazıp yandaki butonlara tıklamamız yeterli oluyor.</p> <p>5) <strong><a href="http://www.virustotal.com">virustotal.com</a></strong>: Virüslü olabileceğinden şüphelendiğimiz bir dosyayı veya salgırgan olarak tabir edilecek bir web sitesini analiz edebileceğimiz oldukça popüler bir uygulama. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami+Erguner/virustotal.jpg' alt="\"\"" border="0"><br></div></p> <p>6) <strong><a href="http://www.mywot.com">mywot.com</a></strong>: Kullanıcılara güvenli siteler hakkında bilgi verebilen bir firefox eklentisi.</p> <p>7) <strong><a href="http://www.tubemogul.com/">tubemogul.com</a></strong>: Aynı anda birden fazla video paylaşım sitesine upload yapabilmeye yardımcı olan bir web sitesi.</p> <p>8) <strong><a href="http://scr.im/">scr.im</a></strong>: e-mail adreslerinizi kısaltarak spamlardan koruyor. facebook, twitter gibi sosyal paylaşım sitelerinde veya forumlarda e-mail adresinizi daha güvenli olarak paylaşabiliyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami+Erguner/scr-im.jpg' alt="\"\"" border="0"><br></div></p> <p>9) <strong><a href="http://www.whatfontis.com/">whatfontis.com</a></strong>: Yüklediğimiz bir imajdaki (webden bulunan bir resim veya taranmış bir resim) yazı karakterinin ismini bulmamıza yardımcı oluyor. Grafik tasarımcılar için faydalı bir site.</p> <p>10) <strong><a href="http://www.fontsquirrel.com/">fontsquirrel.com</a></strong>: Yine yazı karakterleriyle haşır neşir olmayı sevenler için bir site. Ücretsiz (free) olarak çeşitli fontları bilgisayarınıza indirebiliyorsunuz.</p> <p>11) <strong><a href="http://regex.info/exif.cgi">regex.info/exif.cgi</a></strong>: Web üzerindeki veya bilgisayarınızdaki herhangi bir fotoğraf hakkındaki tüm bilgilere ulaşabileceğiniz bir site.</p> <p>12) <strong><a href="http://www.tineye.com/">tineye.com</a></strong>: Bir fotoğrafın internette hangi sitelerde kullanıldığı hakkında bilgi veren bir site.</p> <p>13) <strong><a href="http://iwantmyname.com/">iwantmyname.com</a></strong>: Webmasterlar için domain ismi aramaya yardımcı olan bir uygulama.</p> <p>14) <strong><a href="http://www.tabbloid.com/">tabbloid.com</a></strong>: Özet akışlarınızı kişisel bir dergiye dönüştürebileceğiniz Türkçe bir uygulama içeriyor.</p> <p>15) <strong><a href="https://join.me/">join.me</a></strong>: Ekranınızdakileri web üzerinde bir başkasıyla paylaşmanıza yardımcı oluyor. Eğitimciler için faydası olabilecek bir uygulama.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami+Erguner/join-me.jpg' alt="\"\"" border="0"><br></div></p> <p>16) <strong><a href="https://wetransfer.com/">wetransfer.com</a></strong>: Online olarak 2GB'a kadar dosya yükleyerek paylaşabileceğiniz bir alternatif.</p> <p>17) <strong><a href="http://www.typewith.me/">typewith.me</a></strong>: Web üzerinden aynı döküman üzerinde birden fazla kişinin yazı yazabileceği bir uygulama sunuyor. Bir nevi konferans yazışma olarak adlandırılabilir.</p> <p>18) <strong><a href="http://whichdateworks.com/Editor.aspx">whichdateworks.com</a></strong>: Unutkan biriyseniz iş planınızı bu site sayesinde yapabiliyorsunuz.</p> <p>19) <strong><a href="http://www.similarsites.com/">similarsites.com</a></strong>: Beğendiğiniz ve sürekli ziyaret ettiğiniz sitelerin benzerlerini bulmaya yarayan bir uygulama içeriyor. Araştırma yapmayı sevenler için faydalı bir alternatif.</p> <p>20) <strong><a href="http://kuler.adobe.com/">kuler.adobe.com</a></strong>: Tasarımcılar için renk fikirleri verebilen bir site. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami Erguner/kuler-adobe.jpg' alt="\"\"" border="0"><br></div></p> <p>21) <strong><a href="http://www.pdfescape.com/">pdfescape.com</a></strong>: Siteye üye olduktan sonra PDF belgeleriniz üzerinde değişiklik yapabileceğiniz bir uygulama sunuyor.</p> <p>22) <strong><a href="http://sendoid.com/">sendoid.com</a></strong>: Dosyalarınızı herhangi bir server'a yüklemeksizin özel olarak paylaşabileceğiniz kullanışlı bir uygulama.</p> <p>23) <strong><a href="http://www.errorlevelanalysis.com/">errorlevelanalysis.com</a></strong>: Web üzerindeki bir fotoğrafın gerçek mi yoksa photoshoplu mu olduğunu analiz eden bir uygulama içeriyor.</p> <p>24) <strong><a href="http://www.zoom.it/">zoom.it</a></strong>: Linkini gireceğiniz fotoğrafı zoomlamanıza yardımcı oluyor.</p> <p>25) <strong><a href="http://www.wobzip.org/">wobzip.org</a></strong>: Sıkıştırılmış dosyaları (100 MB'a kadar) web browserınız üzerinden açmanıza yardımcı olan bir uygulama.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami+Erguner/wobzip.jpg' alt="\"\"" border="0"><br></div></p> <p>26) <strong><a href="http://vocaroo.com/">vocaroo.com</a></strong>: Bilgisayarınızdan sesinizi kaydedip arkadaşınıza e-mail ile gönderebilir, aynı zamanda eğlenebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami Erguner/vocarro-new.jpg' alt="\"\"" border="0"><br></div></p> <p>27) <strong><a href="http://www.alertful.com">alertful.com</a></strong>: Unutkan biriyseniz gireceğiniz tarih ve saatte yapmanız gereken işi size e-mail olarak gönderiyor.</p> <p>28) <strong><a href="http://www.mailvu.com/">mailvu.com</a></strong>: Sitesine girerek webcam ile video çekip arkadaşlarınıza e-mail olarak gönderebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami Erguner/mailvu.jpg' alt="\"\"" border="0"><br></div></p> <p>29) <strong><a href="http://www.aviary.com/tools/">aviary.com/tools/</a></strong>: Online ses editöründen tutun, imaj editör, vektör editor gibi çok faydalı ve hoş araçlara sahip olan bu siteyi üye olarak kullanabilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami Erguner/aviary-tools.jpg' alt="\"\"" border="0"><br></div></p> <p>30) <strong><a href="http://www.homestyler.com/">homestyler.com</a></strong>: 3D oda dizaynı ile uğraşmak isteyenler için.</p> <p>31) <strong><a href="http://www.dabbleboard.com/draw">dabbleboard.com/draw</a></strong>: Bilgisayarında sanal bir kara tahta olsun isteyenler için güzel bir uygulama. Çocuğunuz resim çizebilir. Ayrıca resimli anlatım yapanların işine de yarayabilir.</p> <p>32) <strong><a href="http://www.sumopaint.com/app/">sumopaint.com/app/</a></strong>: Photoshop olmayan bir bilgisayarda basit bazı işlemler yapabileceğiniz, layer (katman) desteği de olan kullanışlı bir uygulama.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Sami Erguner/sumopaint.jpg' alt="\"\"" border="0"><br></div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Sami%20Erguner">Sami Erguner</a> tarafından <a href=" http://www.bildirgec.org/yazi/101-adet-cok-kullanisli-web ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 15 Jun 2011 08:12:00 GMT 92474@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/101-adet-cok-kullanisli-web tasarım font photoshop pratik uygulama web sitesi layer kullanışlı webmaster araçları screen capture lazaronnie <div class="imajsol"><img src='http://www.bildirgec.org/imaj/lazaronnie/2350574456-dc2e2ca4ce.jpg' alt="jQuery" width="260" border="0"></div><a href="http://jquery.com/">jquery</a> <a href="http://www.bildirgec.org/ara/jquery">+</a> çıktığından beri <a href="http://www.kodaman.org/ara/jquery">web</a> siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar <a href="http://www.bildirgec.org/ara/eklenti">eklenti</a>ler bulmak kolay olmuyor. <a href="http://www.bildirgec.org/ara/ücretsiz">ücretsiz</a> olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi. <p>-----------------------------------<br>jquery'nin <a href="http://jqueryui.com/">ui (user interface) projesi </a>kapsamında geliştirmeye tabi bulunan bu uygulama bir <a href="http://www.bildirgec.org/ara/işletim+sistemi">işletim sistemi</a>ninki kadar görsel bir <a href="http://www.kodaman.org/ara/takvim">takvim</a> uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.<br><!-- buradan kes --><br><div class="imajorta"><a href="http://marcgrabanski.com/pages/code/jquery-ui-datepicker"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-ui-datepicker.jpg' alt="1. jquery Hover Sub Tag Cloud " border="0"></a><br>5. jQuery UI Datepicker Project </div><br>----------------------------------------</p> <p>bu kıymetli uygulama ise <a href="http://www.flicker.com">flicker </a>isimli ünlü <a href="http://www.bildirgec.org/ara/fotoğraf">fotoğraf</a> paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu <a href="http://www.kodaman.org/ara/api">api</a> hizmetinden faydalanılmış.<br><div class="imajorta"><a href="http://www.projectatomic.com/2008/04/jquery-flickr/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-flickr.jpg' alt="2. jQuery Flickr " border="0"></a><br>6. jQuery Flickr </div><br>-------------------------------------</p> <p>jquery ile istemci tarafında <a href="http://www.bildirgec.org/ara/ön+izleme">thumb</a> (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.<br><div class="imajorta"><a href="http://joanpiedra.com/jquery/thumbs/"><img src='http://www.bildirgec.org/imaj/lazaronnie/pic.png' alt="jQuery Thumbs" border="0"></a><br>3. jQuery Thumbs</div><br>-----------------------------------------</p> <p>resimlerinizi kullanışlı bir <a href="http://www.bildirgec.org/ara/animasyon">animatör</a> penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.<br><div class="imajorta"><a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-image-strip.jpg' alt="4. jQuery Image Strip" border="0"></a><br>2. jQuery Image Strip</div><br>--------------------------------</p> <p>hemen anlaşıldığı gibi bu bir <a href="http://www.bildirgec.org/ara/renk">renk</a> seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta <a href="http://www.bildirgec.org/ara/renk+kodu">renk kodu</a> verebiliyor. (hex, rgb, hsb vs)<br><div class="imajorta"><a href="http://eyecon.ro/colorpicker/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-color-picker.jpg' alt="5. Color Picker - jQuery plugin " border="0"></a><br>3. Color Picker - jQuery plugin </div><br>--------------------------------</p> <p>sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler <a href="http://www.kodaman.org/ara/pop-up">pop-up</a> içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik <a href="http://www.kodaman.org/yazi/siteniz-icin-etiket-bulutu-flash">etiket bulutu</a> yerleştirmeniz mümkün oluyor.<br><div class="imajorta"><a href="http://www.noupe.com/css/jquery-hover-sub-tag-cloud.html"><img src='http://www.bildirgec.org/imaj/lazaronnie/tagcloud.jpg' alt="6. jquery Hover Sub Tag Cloud " border="0"></a><br>4. jquery Hover Sub Tag Cloud </div><br>------------------------------</p> <p>geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor. <br><div class="imajorta"><a href="http://www.jankoatwarpspeed.com/post/2008/06/09/Building-a-better-web-forms-Context-highlighting-using-jQuery.aspx"><img src="http://www.jankoatwarpspeed.com/image.axd?picture=WindowsLiveWriter/BuildingabetterwebformsContexthighlighti_BFD3/highlight row_3.png" alt="7. jQuery Flickr " width="350" border="0"></a><br>7. Building better web forms </div><br>-----------------------------------</p> <p>web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.<br><div class="imajorta"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple-web-based-chat-application/"><img src='http://www.bildirgec.org/imaj/lazaronnie/final.png' alt="8. Web-based Chat Application with PHP and jQuery" border="0"></a><br>8. php ve jquery ile Web tabanlı chat uygulaması</div><br>--------------------------------</p> <p>kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir <a href="http://www.kodaman.org/yazi/arayüz">arayüz</a> üzerinden içerik sunmak akıllıca bir yöntem olacaktır.<br><div class="imajorta"><a href="http://abeautifulsite.net/notebook_files/58/demo/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-file-tree.jpg' alt="9. jQuery File Tree Demo" border="0"></a><br>9. jQuery File Tree Demo</div><br>-----------------------------------</p> <p>bir çok <a href="http://www.bildirgec.org/yazi/sosyal+platform">sosyal platform</a>dan <a href="http://www.facebook.com">+</a> <a href="http://www.twitter.com">+</a>, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da <a href="http://www.kodaman.org/yazi/json">json</a> formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü <a href="http://www.kodaman.org/yazi/sunucu+tarafli">sunucu taraflı</a> platform ile sorunsuz kullanabilirsiniz.<br><div class="imajorta"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/"><img src='http://www.bildirgec.org/imaj/lazaronnie/jquery-auto-complete.jpg' alt="10. jQuery plugin: Autocomplete " border="0"></a><br>10. jQuery plugin: Autocomplete </div></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/ilham-alinacak-10-guzel-takvim">ilham alınacak 10 güzel takvim scripti</a> (6)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/lazaronnie">lazaronnie</a> tarafından <a href=" http://www.bildirgec.org/yazi/10-harika-jquery-uygulamasi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 10 Jun 2011 10:35:00 GMT 92449@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/10-harika-jquery-uygulamasi eklenti chat web javascript tag arayüz takvim tag cloud pop up etiket uygulama plug in web sitesi autocomplete tree renk paleti etiket bulutu renk araçları jquery etiket araçları tree view juery uygulaması hareketli web sitesi kullanışlı eklenti maxhoper <p><a href="http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide">Blogdesingblog.com</a> 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.<br>Bu dokuz alt başlık şöyle.</p> <p><strong>Başlık</strong> (Header)<br><strong>İçerik Alanı</strong> (Content Area)<br><strong>Birincil yönlendirici </strong>(primary navigation)<br><strong>İkincil yönlendirici</strong>(secondary navigation)<br><strong>Manşetler</strong> (Headlines)<br><strong>Yorumlar</strong> (Comments)<br><strong>Makale Sonu</strong> (Post’s Footer)<br><strong>Sayfa Altı</strong> (Footer)<br><strong>Reklamlar</strong> (Advertisements)</p> <p><strong>HEADER</strong> - başlık</p> <p>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ığı <a href="http://www.blogdesignblog.com/blog-design/5-simple-ways-to-make-your-blog-design-pop/">şu makaleye</a> göz gezdirmekte fayda var.</p> <p><em>not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu <a href="http://www.blogdesignblog.com/blog-design/how-to-blog-design-style-guide">makalenin orjinalinin yayınlandığı siteye giderek</a> orada kaydedilmiş olan örnekleri inceleyebilirsiniz.</em></p> <p><strong>Birkaç mükemmel header örneği</strong></p> <p>1.<a href="http://www.octwelve.com/">Octwelve</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/octwelve.jpg' alt="octwelve" border="0"><br>octwelve</div><br>octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek. <br><!-- buradan kes --><br>2.<a href="http://www.cult-f.net/">Cult-foo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/cultfoo1.jpg' alt="cult foo" border="0"><br>cult fo</div><br>cult foo header köşelerindeki başarılı tasarımıyla dikkat çekiyor.</p> <p>3.darkmotion<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/darkmotion2.jpg' alt="darkmotion" border="0"><br>darkmotion</div><br>darkmotion'un header tasarımı kullanıca eğlenceli görünüyor ve kullanıcıyı siteye çekiyor.</p> <p><strong>Header nasıl tasarlanmalı?</strong></p> <p>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.<br>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.<br>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.</p> <p><strong>Content Area</strong> - içerik alanı</p> <p>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.</p> <p><strong><br>Harika içerik alanlarından örnekler</strong></p> <p>1.<a href="http://www.simplebits.com/">Simplebits</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/simplebits1.jpg' alt="simplebits" border="0"><br>simplebits</div><br>simplebits okuması son derece kolay ve linklerin olduğu bölgeler yeteri kadar belirginleştirilmiş.</p> <p>2.<a href="http://www.welovewp.com/">We love wp</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/welovewp1.jpg' alt="we love wp" border="0"><br>we love wp</div><br>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ş.</p> <p>3.<a href="http://blog.webreakstuff.com/">we break stuff</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webreakstuff.jpg' alt="we break stuff" border="0"><br>we break stuff</div><br>Renk kombinasyonu başarılı. Linklerin altlarını noktalarla çizme fikri güzel.</p> <p><strong>Başarılı içerik alanı nasıl tasarlanır?</strong></p> <p>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.</p> <p>İç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.</p> <p>Linkler yeteri kadar belirgin olmalı ancak okuyucunun dikkatini dağıtmayacak kadar da tasarımla bütünleşmeli.</p> <p><strong>Primary Navigation</strong> - Birincil Yönlendirici</p> <p>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.</p> <p><strong>Mükemmel Primary Navigation örnekleri</strong></p> <p>1.<a href="http://www.alistapart.com/">A list a part</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/alistapart.jpg' alt="a list a part" border="0"><br>a list a part</div><br>a list a part doğru tasarlanmış navigasyon menüsü için oldukça iyi bir aday.</p> <p>2.<a href="http://www.mindtwitch.com/">Mindtwitch</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/mindtwitch.jpg' alt="mindtwitch" border="0"><br>mindtwitch</div><br>mindtwitch doku kullanarak navigasyonu öne çıkarma üzerine oldukça iyi bir örnek.</p> <p>3.<a href="http://www.jogger.pl/">Jogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/jogger.jpg' alt="jogger" border="0"><br>jogger</div></p> <p>jogger'in navigasyon menüsü oldukça basit ve sade fakat tasarım içerisine oldukça iyi adapte edilmiş.</p> <p><strong>Mükemmel bir primary navigation nasıl tasarlanır?</strong></p> <p>Navigasyon linklerini olabildiğince az tutun. 6-7 linki aşmamasını öneririm.<br>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.<br>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.</p> <p><strong>Secondary Navigation</strong> - ikincil yönlendirici</p> <p>İ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.<br>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.</p> <p><strong>Mükemmel secondary navigation örnekleri </strong></p> <p>1.<a href="http://www.elitistsnob.com/">elitistsnob</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/elitistsnob2.jpg' alt="elitistsnob" border="0"><br>elitistsnob</div></p> <p>temiz tasarımı sayesinde elitistsnob'un navigasyon menülerini okumak çok kolay.</p> <p>2.<a href="http://www.mancub.net/">Manclub</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/mancub1.jpg' alt="manclub" border="0"><br>manclub</div></p> <p>navigasyon menüsü içerik alanının arkasından kayarak çıkıyor ve tüm bölümler rahatlıkla ayırt edilebiliyor.</p> <p>3.<a href="http://wp-themes.designdisease.com/">desingdisease</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/designdisease1.jpg' alt="desingdisease" border="0"><br>desingdisease</div></p> <p>desingdisease turuncu rengin farkı tonlarını navigasyon menüsünde farklı bölgeleri ayırmak için kullanıyor.</p> <p><strong><br>Mükemmel second navigation bölümü nasıl tasarlanır?</strong></p> <p>Primary navigation da olduğu gibi burada da olabildiğince az link verilmesi yararlı olacaktır.<br>farklı linkler için secondary navigation alanını bölün. Bu algılamayı ve kullanımı kolaylaştıracaktır.<br>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.</p> <p><strong>Headlines</strong> - manşetler<br>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.</p> <p><strong><br>Mükemmel manşet örnekleri</strong></p> <p>1.<a href="http://henryjones.us/">Henry Jones</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/henryjones.jpg' alt="henry jones" border="0"><br>henry jones</div><br>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ış.</p> <p>2. <a href="http://www.ilovetypography.com/">I love typography</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/ilovetype.jpg' alt="i love typograpy" border="0"><br>i love typograpy</div><br>Bu font ve renkleri kullanarak nasıl ilgi çekici bir manşet yaratabileceğinizi gösteren mükemmel bir örnek.</p> <p>3.<a href="http://blogsolid.com/">blogsolid</a><br><div class="imajorta"><br><img src='http://www.bildirgec.org/imaj/maxhoper/blogsolid1.jpg' alt="blog solid" border="0"><br>blog solid</div><br>Blog solid başlık kenarında garip bir tasarım kullanarak kullanıcın ilgisini başlığa çekiyor.</p> <p><strong>Manşetler nasıl dikkat çekici yapılır?</strong></p> <p>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.</p> <p>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.</p> <p>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)</p> <p><strong>Comments</strong> - yorumlar</p> <p>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.<br>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.</p> <p><strong><br>Mükemmel yorum sekmesi tasarım örnekleri<br></strong></p> <p>1.<a href="http://www.shiflett.org/">Chris Shifflet</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/f.jpg' alt="chris shifflet" border="0"><br>chris shifflet</div><br>Chris'in yorum alanını okumak oldukça kolay. Sade tasarımı ve yazarla yorumunu farklı bölümlere ayırması ilgi çekici.</p> <p>2.Darkmotion<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/fr.jpg' alt="darkmotion" border="0"><br>darkmotion</div><br>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.</p> <p>3.<a href="http://www.blogdesignblog.com/">Blog Desing Blog</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/fra.jpg' alt="blog desing blog" border="0"><br>blog desing blog</div><br><em>(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ş)</em></p> <p><strong>Mükemmel yorum bölümü tasarımı nasıl yapılır?</strong></p> <ol> <li>Yorumları birbirinden ve ana alandan ayırmanın en kolay yolu tasarımı alt alta gelen yorumları farklı renklerde olacak şekilde yapmaktır.</li> <li>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.</li> <li>İ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.</li> </ol> <p><strong>Post's footer</strong> - içerik sonu</p> <p>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.<br>İ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.</p> <p><strong>Mükemmel post's footer örnekleri<br></strong></p> <p>1.<a href="http://www.freelanceswitch.com/">Freelanceswitch</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/freelanceswitch2.jpg' alt="freelanceswitch" border="0"><br>freelanceswitch</div><br>Oldukça keskin, temiz ve okuyucunun dikkatini okuyucu içeriği okuduktan sonra nazikçe burada sergilenen linklere çekiyor.</p> <p>2.<a href="http://www.psdtuts.com/">PSDTuts</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/psdtuts.jpg' alt="psdtuts" border="0"><br>psdtuts</div><br>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.</p> <p>3.Standarts of Life<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/standardsforlife2.jpg' alt="standarts of life" border="0"><br>standarts of life</div><br>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ış.</p> <p><strong>Mükemmel post's footer nasıl tasarlanır?</strong></p> <p>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.<br>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.<br>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.</p> <p><strong><br>Footer</strong> - taban</p> <p>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.</p> <p><strong>Mükemmel footer tasarımlarına örnekler </strong></p> <p>1.<a href="http://www.designshack.co.uk/">Desingshack</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/designshack.jpg' alt="desingshack" border="0"><br>desingshack</div><br>Sidebar kullanmadan secondary navigation linklerini footera aktarmayı denemişler. İncelenebilir.</p> <p>2.<a href="http://www.webdesignerwall.com/">Web Desingner Wall</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webdesignerwall2.jpg' alt="webdesingnerwall" border="0"><br>webdesingnerwall</div><br>Nick sanırım header tasarımına harcıdığı zaman kadar footer da zaman ayırmış. Footer tasarımındaki detaylar dikkat çekici.</p> <p>3.<a href="http://shiflett.org/">Chriss Shiflett</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/shiflett1.jpg' alt="Chriss Shiflett" border="0"><br>Chriss Shiflet</div></p> <p>Gerçekten temiz ve işlevsel bir footer için iyi bir örnek. Tam olarak yapması gerekeni yapıyor.</p> <p><strong>Mükemmel footer tasarımı nasıl yapılır?</strong></p> <p>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.</p> <p>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.<br>Basit ve kullanışlı olmayı burada da sürdürün. Kullanıcıların kolayca algılayabileceği şekilde tasarlayın.</p> <p><strong>Advertisement</strong> - reklam</p> <p>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. <br>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.</p> <p><strong>Mükemmel reklam bölümü tasarım örnekleri</strong></p> <p>1.<a href="http://www.copyblogger.com/">Copyblogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/copyblogger.jpg' alt="copyblogger" border="0"><br>copyblogger</div><br>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.</p> <p>2.<a href="http://www.webdesignerwall.com/">webdesingerwall</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/webdesignerwall1.jpg' alt="webdesingerwall" border="0"><br>webdesingerwall</div><br>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ış.</p> <p>3.<a href="http://www.problogger.net/">problogger</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/problogger.jpg' alt="problogger" border="0"><br>problogger</div></p> <p>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.<br><strong><br>Reklam bölümü nasıl tasarlanır?</strong></p> <p>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.<br>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.</p> <p>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.<br>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.</p> <p>Bol tasarımlı günler...</p> <p><em>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.</em></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/ilham-alinacak-24-header-tasarimi">ilham alınacak 24 header tasarımı</a> (8)</li><li><a href="http://www.bildirgec.org/yazi/ilham-alinacak-50-adet-web">ilham alınacak 50 adet web sitesi tasarımı</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/kendi-web-sitenizi-kurmanizi-saglayan">Kendi Web Sitenizi Kurmanızı Sağlayan 13 Adet Ücretsiz Uygulama</a> (20)</li><li><a href="http://www.bildirgec.org/yazi/bedavaya-hazir-websiten-olsun">Bedavaya hazır websiten olsun!</a> (7)</li><li><a href="http://www.bildirgec.org/yazi/az-bilgiyle-site-hazirlama-rehberi">Az Bilgiyle Site Hazırlama Rehberi</a> (16)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/maxhoper">maxhoper</a> tarafından <a href=" http://www.bildirgec.org/yazi/blog-tasarimi-nasil-yapilir ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 01 Feb 2011 09:08:00 GMT 91454@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/blog-tasarimi-nasil-yapilir reklam tasarım site rehber içerik blog yorum makale web navigation navigasyon wordpress başlık web sitesi nasıl yapılır post desing footer header comment blog tasarımı reklam menüsü Pretium <p>Tasarımcılar göz alıcı tasarımlar yaparken aynı zamanda sitenin işlevsel olması için çok çaba harcıyorlar. Bu yazımda mükemmel tasarımlar ve yenilikçi tasarım tekniklerinin akıllıca kullanıldığı bir kaç tasarımdan bahsedeceğim. Eminim bu tasarımlarda ilham alabileceğiniz birkaç özellik bulacaksınız.</p> <p><a href="http://heartbreakerfashion.com/">Heartbreaker Fashion</a><br><br><img src='http://www.bildirgec.org/imaj/Pretium/vintage-inspired-fashion-by-heartbreaker-fashion.jpg' alt="\"\"" border="0"><br><br>50'ler ve 60'ların kıyafetlerinden esinlenilerek yapılmış, pastel renkler ve retro çizimler kullanılan tasarımı ile Heartbreaker'ın tasarımı şirket vizyonunu çok iyi yansıtıyor. Noktalı ve çizgili kenarlıklar farklı nesneleri birbirinden nazik bir biçimde ayırıyor. <br><!-- buradan kes --><br><a href="http://wineshop.hunters.co.nz/">Hunter’s Wines</a><br><br><img src='http://www.bildirgec.org/imaj/Pretium/all-wines-hunters-wines-marlborough-new-zealand-copy.jpg' alt="\"\"" border="0"><br><br>Hunter’s Wines bir şarap mağazası. Anasayfada yanyana bloklar içerisinde bazı bilgiler veriliyor. Şişelerin altındaki işaret aslında pek bir anlam içermiyor ve ürün seçiminde sağ üst köşedeki bir buton tam olarak doğru çalışmasa da sitenin kendini diğer alışveriş sitelerinden ayıran bir tasarımı var.</p> <p><a href="http://www.sassyduck.com.au/">Sassy Duck</a><br><br><img src='http://www.bildirgec.org/imaj/Pretium/sassy-duck-e2-80-94-welcome-copy.jpg' alt="\"\"" border="0"><br><br>Sassy Duck modern kadınlar için farklı tasarımlar sunan, pek eski olmayan bir el çantası markası. Site tam anlamıyla kadınların aksesuar eksikliği hissetmesine neden oluyor. Geniş ürün yelpazesi ve fotoğraf arşivi ile site ziyaretçilerinde büyük bir etki bırakmaya çalışıyor. Site butonları daha çekici hale getirmek için <strong><em>:hover, :focus</em></strong> ve <strong><em>:active</em></strong> durumlarından yararlanabilirdi. Ürünlerin listelendiği yatay şekildeki navigasyon fare hareketleri ile kontrol edilebiliyor. Çok az yazı ile alışveriş sitelerinin nasıl çekici hale getirilebileceği konusunda güzel bir örnek.</p> <p><a href="http://www.smashingmagazine.com/2011/01/25/showcase-of-beautiful-and-fresh-ecommerce-websites/">Daha fazlası</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/yeni-html5-logosu-yayinlandi">Yeni HTML5 Logosu Yayınlandı.</a> (1)</li><li><a href="http://www.bildirgec.org/yazi/bedavaya-hazir-websiten-olsun">Bedavaya hazır websiten olsun!</a> (7)</li><li><a href="http://www.bildirgec.org/yazi/sun-microsystems-java-day-2009">Sun Microsystems Java Day 2009 video söyleşileri</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Pretium">Pretium</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-yaratici-alisveris-siteleri ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 29 Jan 2011 13:39:00 GMT 91410@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-yaratici-alisveris-siteleri logo site photoshop internet teknoloji web alışveriş web tasarım e ticaret online alışveriş web sitesi w3c e commerce smashing magazine html5 ecommerce alışveriş sitesi e ticaret sitesi Pretium <p>Geçtiğimiz günlerde W3C yazılım geliştiriciler ve tasarıncıların sitelerinde HTML5 kullanıldığını gösterebilmeleri için yeni bir HTML5 logosu yayınladı. Logo "Ocupop design agency" tarafından tasarlandı ve üzerinde değişiklik yapılmasına olanak sağlayan "Creative Commons Attribution 3.0" lisansına sahip.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Pretium/html5-logo1.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>Yeni HTML5 logosunun sitesinde yer alan "badge builder" sayesinde sitemizde kullanacağımız HTML5 logomuzu istediğimiz gibi değiştirebiliyoruz. Bu uygulama bize HTML5 logomuzun yanına HTML5 ile gelen bazı teknolojilerin simgelerini ekleyerek sitemize farklı HTML5 teknolojilerini kullandığımızı kullanıcıya bildirmemize yarıyor. <br>W3C bloguna göre logonun amacı şu şekilde:</p> <blockquote><em>HTML5, CSS, SVG, WOFF ve diğer teknolojilerin logolarını açık bir web platformu oluşturmak için ortaya çıkardık. Logonun belirli bir anlamı yok; örneğin uyumluluk ya da geçerlilik olduğunu göstermiyor. Logo çok genel anlamda "Web platformu" temsil eder.</em><br></blockquote> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Pretium/html5-badges.jpg' alt="\"\"" border="0"><br></div> <p>Bu açıklamalar jeremy Keith'in yaptığı tanımla pek örtüşmüyor. Keithe göre, logonun tasarımını onaylasada logonun belirttiği web teknolojisine ayrıcalık gösterdikleri söylemlerine katılmıyor. Keith HTML5 kullanıldığını belirtmek için bir görsel kullanımına karşı olmadığını fakat böyle bir web teknolojisi için bu terimin kullanılmasında zorlama olduğunu belirtiyor. <br>Bu açıklamalara destek olarak, Ocupop Creative Yönetmeni Michael Nieling "HTML5'in tutarlı, standartlara uygun görsellikte bir kelime seçilmelidir." şeklinde konuştu.</p> <p><strong><a href="http://www.smashingmagazine.com/2011/01/22/the-html5-logo-what-do-you-think-opinion-column/">Kaynak</a></strong></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/en-yaratici-alisveris-siteleri">En Yaratıcı Alışveriş Siteleri</a> (23)</li><li><a href="http://www.bildirgec.org/yazi/bedavaya-hazir-websiten-olsun">Bedavaya hazır websiten olsun!</a> (7)</li><li><a href="http://www.bildirgec.org/yazi/sun-microsystems-java-day-2009">Sun Microsystems Java Day 2009 video söyleşileri</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Pretium">Pretium</a> tarafından <a href=" http://www.bildirgec.org/yazi/yeni-html5-logosu-yayinlandi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 24 Jan 2011 14:17:00 GMT 91388@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yeni-html5-logosu-yayinlandi logo site photoshop internet teknoloji web web tasarım web sitesi w3c smashing magazine html5 YAYPARA 2002 Yılından bu yana <a href="http://www.doruk.net.tr/">Doruk net</a> tarafından yapılmakta olan <a href="http://www.altinorumcek.com">ALTINÖRÜMCEK Wep</a> ödülleri yarışmasının bu yıl 9. düzenleniyor.Yarışmayanın ana sponsoru <a href="http://www.altinorumcek.com">ALTIN ÖRÜMCEK WEB</a> sitesidir. Yarışmada ilk zamnlarında 3 kategoride ödül verilirken bu yıl toplamda <a href="http://www.altinorumcek.com/kategoriler">35 kategöride</a> ödülverilecek.İnternet, teknoloji ve web alanında tecrubeli Jüri üyeleri tarafından yapılan değerlendirmeyle her kategöriden 1.-2.-3. belirlenmektedir.Birinci olana "EN İYİ WEB SİTESİ " ödülü verilmektedir. Yarişmada 2010 yılının en iyi projeleri ve web siteleri ödüllendirilmekte olup sponsorluğunu oldukça güçlü ve bildik simalar yapıyor.İşte sponsorlar <ol> <li><a href="www.sabah.com.tr"> SABAH</a></li> <li><a href="www.macline.com.tr">MACLİNE</a></li> <li><a href="www.newtech.com.tr">NEWTECH</a></li> <li><a href="http://www.tele.com.tr/">TELE.COM.TR</a></li> <li><a href="www.telepati.com">TELEPATİ</a></li> <li><a href="http://www.btnet.com.tr/">Btnet.com.tr</a></li> <li><a href="www.botego.com">Botego</a></li> <li><a href="www.technotoday.com.tr">TECHNO TODAY</a></li> <li><a href="http://www.imalathane.com.tr/">İMALATHANE</a><br>Başvular online olarak yapılacak,Başvuru yapmak için online başvuru sayfasına gidiniz.Son başvuru tarihi 31 OCAK 2011'dir. Sonuçlar ve değerlendirme süreci buradan açıkalnacaktır. <a href="http://www.altinorumcek.com/juri_0">Jüri hakkında bilgiyi buradan görebilirsiniz</a>.</li> </ol><p>Bu yazı <a href="http://www.bildirgec.org/uye/YAYPARA">YAYPARA</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-masterler-yarisiyor ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sun, 23 Jan 2011 13:45:00 GMT 91379@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-masterler-yarisiyor web altın örümcek web siteleri web sitesi web master en iyi web siteleri web masterler web siteleri yarışıyor en iyi web siterleri 35 kategoride en iyi 35 web sitesi altınörümcek web siteleri yarışıyor altınörümcek web ödülleri 9.altın örümcek webödülleri 9.altınörümcek ödülleri altınörümcek ödülleri 9.web ödülleri gezginciyim <p>Web siteleri ve blogları daha ilgi çekici hale getirmek için 3 boyutlu görüntüler daha fazla kullanılmaya başlandı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/hhuk.PNG' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p>3d temalar hem anlatılmak isteneni daha iyi ifade ediyor hem de görselliği daha fazla ön plana çıkarıyor. bloglarımızı ve web sitelerimizi yenilemenin zamanı geldi :)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/hyu.PNG' alt="\"\"" border="0"><br></div></p> <p>değişik temaları içeren çok fazla 3 boyutlu görüntü var hemen hemen her zevke göre<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/sspp.PNG' alt="\"\"" border="0"><br></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/gfdsg.PNG' alt="\"\"" border="0"><br></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/vftg.PNG' alt="\"\"" border="0"><br></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/kklo.PNG' alt="\"\"" border="0"><br></div></p> <p>temaları ücretli indirebileceğiniz gibi ücretsizde indirebileceğiniz temalar var.</p> <p><a href="http://www.templates.com/product/3d-models/">...</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/wordpress-den-uyarlanmis-15-blogger">Wordpress'den Uyarlanmış 15 Blogger Teması</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/yepyeni-36-adet-ucretsiz-blogger">yepyeni 36 adet ücretsiz blogger teması</a> (14)</li><li><a href="http://www.bildirgec.org/yazi/ucretsiz-blogger-temalari-icin-19">Ücretsiz Blogger Temaları İçin 19 Süper Kaynak</a> (9)</li><li><a href="http://www.bildirgec.org/yazi/ucretsiz-online-blog-tema-olusturma">Ücretsiz Online Blog Tema Oluşturma</a> (8)</li><li><a href="http://www.bildirgec.org/yazi/akillara-zarar-blogger-temalari">akıllara zarar blogger temaları</a> (14)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/gezginciyim">gezginciyim</a> tarafından <a href=" http://www.bildirgec.org/yazi/3-boyutlu-temalar ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 05 Jan 2011 07:41:00 GMT 91233@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/3-boyutlu-temalar tasarım tema blog 3d wordpress arka plan web sitesi templates 3 boyutlu görsellik blog temaları blogger templates blogger temaları blogger tema faklı temalar 3d görüntü wordpress temlates tembelyarasa <p>doğaya geldik doğaya gideceğiz dostlarım. kendimize iyi bakmalıyız; bunun önemi tartışılmaz ama bir de çevremize özen göstermemiz gerekiyor. bu daha da önemli. biz bunlardan bahsedip konuşurken, bazı çevreci arkadaşlar çevreci web sitelerini hazırlamışlar bile. biz de bu siteleri inceleyeceğiz; bakalım, doğa sevgisi adına neler yapmışlar?</p> <p><a href="http://www.enviramedia.com/">1/envira medya</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/eco-friendly-website25.jpg' alt="\"\"" border="0"><br></div><br>envira bu alanda en beğenilen sitelerden biri. bir tabir vardı -abartmak gibi olmasın ama- insan kıyamıyor bakmaya. sitenin tasarımı oldukça hoş. yaptıkları projelerin isimlerini, ağaçların üzerine yazmışlar. sitede reklam, kim oldukları ve yaptıkları projelerle ilgili butonlar var.</p> <p><a href="http://www.healthyharvesthydro.com/">2/healthy harvest hydro </a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/eco-friendly-website23.jpg' alt="\"\"" border="0"><br></div><br>bu web sitesi de oldukça hoş bir tasarıma sahip. biraz biyolojik terimler kullanmışlar. açıkçası sitenin amacını anlamakta güçlük çektim, sizin de zorlanabileneceğinizi tahmin ediyorum. neyse biyolojiden anlayan arkadaşlarımız anlatacaklardır diye umuyoruz. site hidroponik ve organik gıdaların önemine vurgu yapmış. Projelerin blog sahibi olma modasına uymuş ve kaliteli bir blog tasarlamış.</p> <p><a href="http://www.ecofriend.org/">3/eco friend</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/eco-friendly-website3.jpg' alt="\"\"" border="0"><br></div><br>çevre dostu anlamlı isme sahip bu site, adından da anlayabileceğiniz gibi çevre dostu bir site. site, sade bir tasarıma sahip olmaktan uzak; fakat oldukça bilgilendirici hazırlanmış. çevreye yararlı haberler sitenin içeriğini oluşturuyor. Örneğin; rüzgar gücünden yararlanmaktan bahsediyor ki yararlanılabilindiği takdirde oldukça karlı ve doğaya yararlı bir enerji kaynağı.</p> <p><a href="http://www.inhabitat.com/">4/inhabitat</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/eco-friendly-website4.jpg' alt="\"\"" border="0"><br></div></p> <p>inhabitat blog formatında hazırlanmış, kaliteli tasarıma sahip bir site. sitenin girişindeki "mutlu tatiller" temennisi hoşumuza gidiyor ve içtenlikle kabul ediyoruz. sitedeki bölümler şöyle: moda, sanat, enerji, teknoloji... ve bir etiket bulutu var. etiket bulutu kullanımı site tasarımını olumsuz yönde etkilese de yakıştırmayı bilmişler.</p> <p><a href="http://www.groovygreen.com/groove/">5/groovy green</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/eco-friendly-website5.jpg' alt="\"\"" border="0"><br></div><br>green oldukça hoş tasarıma sahip bir site. Yalnız site, sitenin girişinde kendisiyle çelişen bir habere imza atmış: "internet çevremize zarar veriyor mu?". bir internet sitesinin bunu iddia etmesi garip olmuş. tabii bu konuda sizin görüşünüz farklı olabilir. enerji, eğlence, bağış, iklim değişimi gibi çeşitli kategoriler var. doğa severlerin vakit geçirebileceği bir site.</p> <p><a href="http://www.1stwebdesigner.com/inspiration/eco-friendly-websites-blog/">20 tane daha çevreci site için tıklayın</a></p> <p><a href="http://tembelyarasa.bildirgec.org">daha fazla bilgi ve eğlence için tıklamalısınız</a></p> <p><a href="http://www.1stwebdesigner.com/inspiration/eco-friendly-websites-blog/">**kaynak**</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/tembelyarasa">tembelyarasa</a> tarafından <a href=" http://www.bildirgec.org/yazi/25-cevreci-web-sitesi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 27 Dec 2010 09:56:00 GMT 91132@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/25-cevreci-web-sitesi site çevreci greenpeace web sitesi çevre dostu green design çevreci siteler gezginciyim <p>Nette geçirilen zamanları paraya dönüştürmeyle ilgili bir çok site var, anket doldur, tıkla kazan vs.<br>Şimdi bahsedeceğim kazanç şekli ise tıklama yada anket doldurma değil.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/ort.jpg' alt="\"\"" border="0"><br></div><br>Eğer kullandığınız bir bloğunuz varsa yada web siteniz reklam kodlarını kopyalayıp bloğunuza yada web sitenizin sayfasına yapıştırıyorsunuz sizi ziyaret edenler bu reklam linklerine tıkladıkça siz belli bir ücret kazanıyorsunuz tıklanma başına 0.03 usd kazanıyorsunuz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/ekran-alintisi1-3.PNG' alt="\"\"" border="0"><br></div></p> <p>Yapmanız gereken öncelikle siteye üye olmak, banka yada paybal hesabı bilgilerinizi doldurmak sonrasında site sizin mail adresinize aktivasyon maili gönderiyor.Gelen maili açıp hesabınızı aktive diyorsunuz. Daha sonrada yukarıda bahsettiğim gibi reklam kodlarını kopyalayarak bloğunuzda yada web sitenizde yayınlıyorsunuz. reklamlar tıklandıkça siz kazanıyorsunuz. siteye herhangi bir ücret ödemiyorsunuz site zaten kendisi gerekn payı reklam veren şirketlerden alıyor sizler sadece reklamların tıklanmasına bloglarınız ve web siteniz aracılığıyla katıkıda bulunuyorsunuz ve size düşen payıda alıyorsunuz. paranız ne kadar biriktiğini sitenin panelinde görebiliyorsunuz yeterli miktara ulaşınca site banka yada paypal hesabınıza miktarı aktarıyor. Ha birde üye olunca 5 usd hesabınıza otomatik olarak ekleniyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/ekran-alintisi-4.PNG' alt="\"\"" border="0"><br></div></p> <p>Bloglarınıza ve web sitelerinize bol ziyaretçi ve tıklanmalar diliyorum www.ortakgelir.com sitesine kayıt olup reklam almak ve yayınlamak gerçekten çok basit.<a href="http://www.ortakgelir.com/">.....</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/gosterime-odeyen-sponsor">Gösterime Ödeyen Sponsor</a> (15)</li><li><a href="http://www.bildirgec.org/yazi/neobux-guvenilir-tikla-kazan-sitesi-1">NEOBUX, GÜVENİLİR TIKLA KAZAN SİTESİ</a> (0)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/gezginciyim">gezginciyim</a> tarafından <a href=" http://www.bildirgec.org/yazi/bloglariniza-ve-web-sitenizde-reklam ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 20 Dec 2010 13:37:00 GMT 91068@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bloglariniza-ve-web-sitenizde-reklam reklam blog anket paypal kod para mail tıklama ücret kazanç üye usd panel web sitesi ziyaretçi aktivasyon tıkla kazan ortak gelir gezginciyim <div class="imajsol"><img src='http://www.bildirgec.org/imaj/gezginciyim/family-stick.PNG' alt="\"\"" border="0"><br></div> <p>Bloğunuzda,web sitenizde yada sosyal ağlarda kullanabileceğiniz aile stickleri <a href="http://www.widdlytinks.com/">http://www.widdlytinks.com</a> 'da<div class="imajorta"><img src='http://www.bildirgec.org/imaj/gezginciyim/ekran-alintisi.PNG' alt="\"\"" border="0"><br></div></p> <p>üye olmanız gerekmiyor web sitesine giriyorsunuz ve stickinizi oluşturuyorsunuz daha sonra url sini kopyalayıp kullanıyorsunuz. Eğer isterseniz oluşturduğunuz stick i hemen facebookta paylaşıyorsunuz. Çok şirin ve eğlenceli bi uygulama. kolay gelsin:)</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/gezginciyim">gezginciyim</a> tarafından <a href=" http://www.bildirgec.org/yazi/cok-sirin-aile-stickleri ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 17 Dec 2010 08:17:00 GMT 91044@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/cok-sirin-aile-stickleri aile web sitesi stick sosyal ağ facebook eğlenceblog