Kasım 2012 - Site Mühendisi - Daha İyi Siteler İçin

ProGrey Blogger Teması - Türkçe 2012

<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkwtJ9mQlYA07h203SoHc0TfkCGzcrhGIHljrJDP2xBi8FF1jOs2KEl6gGRhV4uP2rKivdebRDmrh5tCBUWVNtpgcdvUv0WEuD7uIXUFQp5bWgJcehaTcq_JQn50zd8xPy9wRtvT6aD2qC/s1600/progrey.png" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><b>Sağ Sütunlu sade ve</b> kullanışlı bir<b> tema, dili ingilizce olduğu için temayı indirip Türkçe'ye</b> çevirdim. <b>Bir sıkıntı olacağını zannetmiyorum. İsteyen </b>dilediği gibi kullanabilir.</span></div>
Ben size İngilizce Ve Turkce Vercem.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://progreybloggertema.blogspot.com/" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dYo3BeeZRqkv21N6S3phQG4avTjelQraq0Nwjzv-9ahxHv75bjtuM8yeY7dmdjRx4gtoWRYBuw5rAhEQdNpTAWOQHOvrMaDIFZslYYNYt-w7ntAXXkjupUJeXGfGH8N5uUh8iLgs-RkN/s1600/demo.png" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.box.com/files/0/f/0/1/f_4228814044" target="_blank"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bhphJrvOnISD7xtbpOoQpOeAh2_qvW5VN5BJ8uKP5AT6zh_DvAmtemMA3ycYK9Xn7kGGnxon_ky6mOMjFAEqr0rzioKVvsj0CW0J7mrNHXYHnd8POMAz4TCQCgiD-JKTpLJjRD_dvYFv/s1600/images.jpg" width="200" /></a></div>
<br />
<br />
<b><span style="color: red; font-size: large;">Alternatif Link:</span></b> <a href="http://www.dosya.tc/server9/n1xCQt/Progrey-Turkce-Tema.rar.html" target="_blank">Alternatif Olarak Buradan İndirebilirsiniz</a>

ProGrey Blogger Teması - Türkçe 2012

Sağ Sütunlu sade ve kullanışlı bir tema, dili ingilizce olduğu için temayı indirip Türkçe'ye çevirdim. Bir sıkıntı olacağını ...

+ Devamı »

Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Tamamen Silmek

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuDHtRMB0WXykGAJkjmfGxphmxSUa9kcX2WAntM64vTlPobKRp1vgbMWzaO47HfrfW47Be2or0RDRXorm2yMlxumLD28-Mbtd2wL5zCTKEp91jvPM8Poa0TdHaPT6lVvHjM1FaUjwYmf-x/s1600/etiket.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b style="background-color: white; color: #009df2; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 15.600000381469727px;"><a href="http://www.sitemuhendisi.blogspot.com/" style="color: #009df2; text-decoration: initial;" target="_blank" title="Site Mühendisi">Site Mühendisi </a>- </b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Bloggerda etiketler üstüne tıklandığı zaman o etiketle ilgili girilmiş tüm verileri görebiliyorsunuz. Daha önce anlattığım </span><a href="http://www.sitemuhendisi.com/" style="color: black; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-decoration: initial;" target="_blank"><span style="color: red;"><b>Blogger Sayfalarını Farklı Linklere Yönlendirmek</b></span></a><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"> konusunda ki gibi eğer menü oluşturmak istiyorsanız etiket uyarıları canınızı sıkabilir.</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Etikete ait bir sayfaya yönlendiğinizde karşınıza şuna benzer bir tablo çıkıyor :</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuDHtRMB0WXykGAJkjmfGxphmxSUa9kcX2WAntM64vTlPobKRp1vgbMWzaO47HfrfW47Be2or0RDRXorm2yMlxumLD28-Mbtd2wL5zCTKEp91jvPM8Poa0TdHaPT6lVvHjM1FaUjwYmf-x/s1600/etiket.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 15.600000381469727px; text-align: left;">Bu uyarıyı değiştirebilir yada isterseniz tamamen silebilirsiniz.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #444444; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 15.600000381469727px; text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;">Yeni Blogger panelinin Şablon > HTML'Düzenle yolunu takip edip , Widget Şablonlarını Genişlet kutucuğuna tıklıyoruz ve aşağıda verdiğim kodu ctrl+f kombinasyonu ile buluyoruz.</span></div>
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-size: 13px; overflow: auto; padding: 5px; text-align: left; width: 610px;"><span style="color: #444444;"><span style="font-size: 12px; line-height: 14px;"><b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable></span></span></pre>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;">Blogumuzda yer alan bu kodları silerek yerine aşağıda verdiğim yeni kodları ekliyoruz.</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;" />
<pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); font-size: 13px; overflow: auto; padding: 5px; text-align: left; width: 610px;"><span style="color: #444444;"><span style="font-size: 12px; line-height: 14px;"><b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable></span></span></pre>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;">Böylece Etiketine Sahip Kayıtlar Gösteriliyor yazından kurtulmuş oluyoruz. Buyurun benim blogum üzerinden test edebilirsiniz:</span><span style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: left;"><br /></span><br />
<span style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><br /></span>

Etiketine Sahip Kayıtlar Gösteriliyor Yazısını Tamamen Silmek

Site Mühendisi - Bloggerda etiketler üstüne tıklandığı zaman o etiketle ilgili girilmiş tüm verileri görebiliyorsunuz. Daha önce a...

+ Devamı »

Web Sitesi Optimize Edici En İyi Uygulamalar

<br />
<div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4goAGNhPpRQsz1CBv6Q3F8OpZMuKDIRgw5xvXwtePEH0Jn-3Ij0xWny6AlJTq57kp1oE1aIyDEO9Ld-W2OUPvUIjzEEGK4z3c3OENqriaWHzXCxi-jj_Igxq-H_fVwQn8f0ovYoRpjgQi/s1600/google-web-sitesi-optimize-edici--+site+m%C3%BChendisi.jpg" /></div>
<br />
<br />
<b style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><br />Google Web Sitesi Optimize Edici</b><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">yi iyi bir şekilde kullanarak tasarım testlerinizin daha iyi sonuç vermesini sağlayabilirsiniz. </span><br />
<br />
<div>
<span style="background-color: white;"><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: black;">-</span><span style="color: orange;">Site Mühendisi</span><span style="color: red;"><span style="color: black;"> olarak firmalara trafiklerinin tamamını teste göndermelerini öneriyoruz.</span> </span></b><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">Site trafiğinin en azından %100'ü gönderildiği takdirde aranılan cevaplar daha çabuk bulunur.</span><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"> </span></span></div>
<div>
<span style="background-color: white;"><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">- Denemeler üzerinde küçük ve hızlı değişiklikler yaparken denemelerin baştan oluşturulması yerine kopyalanmasını tavsiye ediyoruz.</b><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"> Böylece orjinal denemedeki tüm ayarlar ve etiketler korunmuş olur.</span><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><br /></b></span></div>
<div>
<span style="background-color: white;"><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"> - Kaybeden varyasyonların otomatikmen devre dışı bırakılmasını öneriyoruz</b><b style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: orange;">. </span></b><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">Orijinal varyasyon kadar iyi performans göstermeyen varyasyonların otomatikmen devre dışı bırakılmasını sağlamak düşük performanslı sayfaların ziaratçilere gösterilmemesini sağlayacağı için başarınız daha da artacaktır.</span><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><a href="https://www.blogger.com/blogger.g?blogID=7377091341700240583" name="more" style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"></a><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"> </b><b style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">- Kazanan tasarımın hızla doğrulanmasını öneriyoruz. </b><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">Bir tasarım testi sonucunda kazanana kombinasyon ortaya çıktğında, o testi/denemeyi durdurup yalnızca orijinal ile kazanan kombinasyonun yarıştığı yeni bir deneme(takip denemesi) çalıştırabilirsiniz. Trafiğini büyük bir bölümünü kazanan kombinasyon, geri kalanını ise orjinal tasarım kombinasyonu alacaktır. </span><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">Takip denemesi orijinal denemenizin sonuçlarını teyit etmenizi sağlar.</span><br style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;" /><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">%95 üzeri güven derecesine sahip bir kombinasyon gerçekleştiği zaman, ilgili tasarımların yayına alınmasını tavsiye ediyoruz.</span></span><br />
<div class="" style="clear: both; text-align: center;">
<span style="background-color: white;"><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">Siz de web sitenizin tasarımından pazarlanmasına kadar her alanında profesyonel destek almak istiyorsanız hemen </span><span style="font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: orange;">Site Mühendisi</span></span><span style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;">'ne ulaşın, </span><b style="color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">marka bilinirliğiniz ve dönüşümleriniz artsın! </span></b></span></div>
<br /></div>

Web Sitesi Optimize Edici En İyi Uygulamalar

Google Web Sitesi Optimize Edici yi iyi bir şekilde kullanarak tasarım testlerinizin daha iyi sonuç vermesini sağlayabilirsiniz. - ...

+ Devamı »

İyi Bir Sitede Neler Olmali

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2RUevwi-kWQ_yYLyDysaF-pzu89I7uj6-giCx9-NqShV2KS1fYGnYc3nCDL4T05QThNe3FBvRIEmEu7xt-7RUXjMhUbL37a1d-bgUGqMRoQXfrtWOGS8eork6OMgB-Y7oIl-u2O-kBfo/s1600/en_iyi_site_2012.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_2RUevwi-kWQ_yYLyDysaF-pzu89I7uj6-giCx9-NqShV2KS1fYGnYc3nCDL4T05QThNe3FBvRIEmEu7xt-7RUXjMhUbL37a1d-bgUGqMRoQXfrtWOGS8eork6OMgB-Y7oIl-u2O-kBfo/s1600/en_iyi_site_2012.jpg" /></a></div>
<span style="background-color: white;"><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px;"><br /></strong></span>
<span style="background-color: white;"><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px;"><br /></strong></span>
<span style="background-color: white;"><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px;">1) Her tarayıcı da doğru görüntülenmeli.</strong></span><br />
<span style="background-color: white;"><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;"></span></span><br />
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;"><br /></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Eğer web siteniz yalnızca internet explorer 'da doğru düzgün görünüyor, ancak diğer tarayıcılarda hatalı gürünüm sergiliyorsa bu ciddi bir eksikliktir. Sitenizi ziyaret eden kitleyi tanımıyorsunuz, onların hangi tarayıcıları kullandıklarını bilemezsiniz. En iyisi baştan her tarayıcı da (Netscape Navigator, Microsoft Internet Explorer, Firefox Mozilla ve Opera gibi) düzgün görünüm veren bir siteye sahip olmanız. Tasarımcınız HTML ve CSS dillerine hakimse size bu hizmeti kolaylıkla verebilir.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<strong style="background-color: white; margin: 0px; padding: 0px;"><br /></strong></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<strong style="background-color: white; margin: 0px; padding: 0px;">2) Dil tercihi doğru belirtilmelidir</strong></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Web sitenizde dil kodunu mutlaka sayfa başında doğru belirtilmelidir, aksi halde okuyucu yazılan metni " <strong style="margin: 0px; padding: 0px;">Buradaki yazýlarýn hangi dil ailesine ait karakterlerle yazýldýðýný belirtmek için kullanýldý </strong>" . Peki bu önemli mi? Evet, hem de çok. Diyelim ki Türkçe ve İngilizce hazırlanmış bir siteniz var. Ve tasarımcınız dil kodlamasını sayfanıza eklememiş. İngilizce <strong style="margin: 0px; padding: 0px;"><span class="style2" style="margin: 0px; padding: 0px;">Ç</span> Ğ İ <span class="style2" style="margin: 0px; padding: 0px;">Ö</span> Ş Ü</strong>, Türkçe harflerini barındırmaz, yazdığınız metin son derece hatalı sergilenebilir. Örnek vererek açıklarsak eğer ziyaretçinizin bilgisayarınızda dil seçimi İngilizce ise; sizin vidayı sıkıştırma tarifiniz şöyle ekrana yansır. " ... şimdi burgulu vidayı sıkıştırın. " <strong style="margin: 0px; padding: 0px;">ı </strong>harfleri İngilizcede <strong style="margin: 0px; padding: 0px;">i</strong> olarak gürüntülenecektir, şimdi bu cümleyi yüksek sesle bir okuyun bakalım!</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;"><b> 3)</b> <strong style="margin: 0px; padding: 0px;">Kolay okunabilmeli</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Beyaz arka plan üzerine siyah metin en rahat okuma şeklidir. Tıpkı bu sayfada olduğu gibi. Koyu bir arka planın üzerine uzunca yazılmış metin koymaktan kaçının. Kimse internette uzun uzadıya okumayı sevmez. Ziyaretçilerinize sunmak istediğiniz bilgiyi mümkünse pdf dosyası halinde ekleyin. Eğer sitede küçük font tercihi yapmışsanız ziyaretçiye aynı sayfanın yine büyük fontla okunabilme olanağını vermelisiniz. Unutmayın ki herkesin görme yeteneği aynı olmayabilir.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">4) <strong style="margin: 0px; padding: 0px;">Web siteniz hızlı açılabilmeli.</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Herkesin DSL bağlantısı yok, 56 Kbps modem (genel kullanıcı profili budur) kullanıcısını düşünerek sitenizi tasarlatını. Bir yığın resm, grafik ve animasyon demek, sitenizin yavaş yavaş açılacak olması demektir. Ortalama bir web kullanıcısı bir site açılımını ancak 4 saniye bekliyor. Yoksa başka siteye gitmek sadece bir tıklamaya bakar.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;"><span class="turuncu" style="margin: 0px; padding: 0px;">5) </span><strong style="margin: 0px; padding: 0px;">Web siteniz orijinal bir içeriğe sahip olmalı ve güvenilir görünmeli</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Sitenizin içeriği en önemli konudur. Ordan burdan bulduğunuz bilgileri ardı ardına sıralamak yerine az, öz ama doğru bilgi vermeye bakın. Başka sitelerden aldığınız kopye bilgi hem itibarınızı zedeler hem de telif hakkı konusunda başınızı ağrıtabilir. Web siteniz düzenli olarak yenilenerek içeriği güncel kılınmalı. Ve mutlaka gramer hatasız yayınlanmalıdır. Sitenizin profesyonelliği, dilin ne kadar doğru kullanıldığıyla da ölçülebilir.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">6) <strong style="margin: 0px; padding: 0px;">iyi planlanmış, organize olmuş site size her zaman müşteri kazandırır</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Sitenizin navigasyonu çok önemlidir. İyi planlanmamış bir site izleyicinin aklını karıştırır. Onların linkleri, hangi düğmenin ne anlama geleceğini keşfetmesini beklemeyin. Net ve anlaşılır tasarımları tercih edin. Zamana karşın yarışıyorsunuz. Site ziyaretçileriniz web sitenizde iki üç tıklamayla istediği bilgiye ulaşamıyorsa, hemen başka sitelere yönelecektir. Ona istediği bilgiyi en kısa sürede sunmaya çalışın.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;"><span class="turuncu" style="margin: 0px; padding: 0px;">7.</span> <strong style="margin: 0px; padding: 0px;">Siteniz tutarlı görünmelidir</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Her sayfası başka renk açılan, sayfalar arasında sürekli değişik görünümlü fontlar, uyumdan uzak karmaşık siteler yazık ki iki tıklamadan sonra bakılamaz hale gelir. Zira amatörce hazırlanmış bir site olmanın belirtileridir bunlar.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">8) <strong style="margin: 0px; padding: 0px;">Web sitesi interaktif olmalı</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Web siteniz izleyicileriyle iletişime geçerse hem daha ilgi çekici, hem de sizin işinize daha çok yarayan bir site haline gelir. Formlar, haber postaları, anketler, testler, ziyaretçi defterleri, ziyaretçilerinizi sizinle buluşturmaya yarar.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">9) <strong style="margin: 0px; padding: 0px;">Hedef kitlesine yönelik hazırlanmalı</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Ulaşmaya çalıştığınız kitleyi tanıyor musunuz? Diyelim ki belli bir yaş grubuna ulaşmak istiyorsunuz, sitenizin teması da buna uygun seçilmeli. Örneğin çocuk oyuncakları tanıtımı yapan bir siteniz varsa, bunu sıcak renkler, canlı, animasyonlarla bezeli eğlenceli bir şekide sunmalısınız. Oyuncak arayan biri sıkıcı görüntülü bol teknik ayrıntıların yazılı olduğu siteden hoşlanmayacaktır. Onlara oyuncakların renkli dünyasını anımsatan zengin görsel içerikli bir site sunmanız sitenin başarısını pekiştirir.</span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;"><strong style="margin: 0px; padding: 0px;">10) Asla unutulmaması gereken bir konu sitenizin anahtar kelimelerinin yazılı olmasıdır</strong></span></div>
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; padding: 0px;">
<span style="background-color: white;">Siteniz arama motorları tarafından bulunamıyorsa sitenizi ziyaret eden sayısı da buna oranlı düşük olacaktır. Web sitenizin reklamını yapmayı ihmal etmeyin. Sadece online internet üzerinden değil, basılı reklamı da önemseyin. Web sitenizi ne kadar çok kişiye ulaştırırsanız o kadar potansiyel müşteri de size ulaşacaktır. Kartvizitinizin üzerine, broşürlere, yolladığınız epostalara, şirket arabasının üzerine, gazetelerde verdiğiniz reklamların içinde mutlaka web site adresinizi kullanın. Web sitenize ziyaretçi çekme yollarından biri de sitenizden ziyaretçilerinize reklam amaçlı promosyon ürünleri sunmanızdır. Örneğin epostakartları, bilgisayara indirilebilen ekran koruyucuları, masaüstü resimleri, fotoğraflar bunlardan bazılarıdır. Yaratıcılığınızı kullanın. Sitenize ilgi çeken materyelleri koyun.</span></div>

İyi Bir Sitede Neler Olmali

1) Her tarayıcı da doğru görüntülenmeli. Eğer web siteniz yalnızca internet explorer 'da doğru düzgün görünüyor, ancak diğer ta...

+ Devamı »

Blogger Yazar Hakkında Kutusu

Blog sitenize Konu altında yazar hakkında bilgi veren bir kutu ekleyebılırsınız.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxpFXH6uVhYrgGcH42leScis5h22cqCP7XwhRjoNW2AOPLqZOy4Py932smuHcwh8XFo2mp3q29F4GUSL4PrxyJhQnfz9m2mymxbu-6MYb5zR_42CABbIYnsNvHwoBG2x1eA2QBqKHsD_SK/s1600/yazar-hakkinda.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;">Öncelikle yazar bilgi kutusunun stil kodlarını ekleyelim. Bunu için </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-align: left;">Şablon</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;"> > </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-align: left;">HTML’yi Düzenle</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;"> > </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-align: left;">Devam Et</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;"> yolunu izleyip </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-align: left;">Ctrl+F</strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;"> tuşlarına basarak  </span><strong style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; padding: 0px; text-align: left;"><span style="color: red; margin: 0px; padding: 0px;">]]></b:skin></span></strong><span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;">  kodunu bulun </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;">ve </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; text-align: left;">hemen üstüne aşağıdaki kodları ekleyin.</span></div>
<br />
<br />
<br />
<br />
<div class="kod">
</div>
<div class="alan kod0">
<center>
<textarea class="heybooyarilivana" cols="60" onclick="this.select();" rows="8" style="font-size: 11px;">.author-box { 
background: #F7F7F7; 
margin: 20px 0 40px 0; 
padding: 10px; 
border: 1px solid #E6E6E6; 
overflow: auto; 
} 
.author-box p { 
margin: 0; 
padding: 0; 
} 
.author-box img { 
background: #FFFFFF; 
float: left; 
margin: 0 10px 0 0; 
padding: 4px; 
border: 1px solid #E6E6E6; 
}

Şimdi farklı yazar isimlerine göre farklı yazar bilgi kutuları oluşturacağız. Aşağıdaki örnekte ben 3 yazar kullandım. Birincisi kendim olayım yani Hüseyin Demirci, ikinci yazarın ismi Mete olsun, üçüncü yazarın ismi de Efe olsun.

Yazar bilgi kutularını yazının bitiminde göstermek istediğimiz için Şablon > HTML’yi Düzenle > Devam Et > Widget Şablonlarını Genişlet yolunu izleyip Ctrl+F tuşlarına basarak şu kodu buluyoruz.

Bulduğumuz bu kodun hemen üzerine aşağıdaki kodları ekliyoruz ve önizleme yapıyoruz. Eğer hata vermediyse kaydedebiliriz.

Blogger Yazar Hakkında Kutusu

Blog sitenize Konu altında yazar hakkında bilgi veren bir kutu ekleyebılırsınız. Öncelikle yazar bilgi kutusunun stil kodlarını ekl...

+ Devamı »

İyi Bir Site Nasıl Olmalı

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7NPYqJ03c8kdSTCutur10RhqCSS_UVmtTGIeO4M9JpSjX0crBwZUJnxHIbH5s__jchKhfataumRXVJPgjcF9lxbevGF-KbaB-SHyIrU3bNWYZpi8TyZBmM8GYMXI2pE9eBbNjU0ziFIE/s1600/site.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7NPYqJ03c8kdSTCutur10RhqCSS_UVmtTGIeO4M9JpSjX0crBwZUJnxHIbH5s__jchKhfataumRXVJPgjcF9lxbevGF-KbaB-SHyIrU3bNWYZpi8TyZBmM8GYMXI2pE9eBbNjU0ziFIE/s1600/site.jpg" width="200" /></a></div>
İyi bir wep sitesi için ilk önce anasayfanız iyi olmalı.<br />
<br />
Bir sitede dikkat etmeniz husulardan bazıları sunlarıdır:<br />
<br />
1)İyi bir anasayfa,<br />
2)Reklamlarla sitenin içeriği kapatılmamalı,<br />
3)Reklamdan çok içerik ön planda olmalı,<br />
4)Konular guncel ve özgün yazılar olmalı,<br />
5)Tasarımıyla dikkat çekmeli.<br />
Bunlar sadece bazıları.<br />
İyi bir site ozgun olandır.Başka sitelerden kopyala/yapıştır yapmamalıdır.<br />
Felsefemiz Kopyala/Yapıştır Olmamalı.<br />
<br />
<br />
<br />
<br />
<br />

İyi Bir Site Nasıl Olmalı

İyi bir wep sitesi için ilk önce anasayfanız iyi olmalı. Bir sitede dikkat etmeniz husulardan bazıları sunlarıdır: 1)İyi bir anasayfa...

+ Devamı »

İyi Bir Anasayfa Nasıl Olmalı

İyi Bir Anasayfa Nasıl Olmalı

İyi bir ana sayfa için fazla reklamlardan kaçının.Ana sayfada içeriğe daha çok onem verin.Yani içeriği ön planda tutun.Bir site kendini...

+ Devamı »

Css Nedir ? Nasıl Kullanılır ?

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPs24hJSejxFno9FKBpif8ivIJzIJ1dW2cLWnRTb9EaF7dKtQWJfZ8gjDqRKPJisOUXgMY7KHmnxtJIrKC8f5EUd6lprx3GL_JOAvzMcLSM8HhQg6TX4l3PPKqV6Rc_aNyhiRROQKZnRI/s1600/css.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPs24hJSejxFno9FKBpif8ivIJzIJ1dW2cLWnRTb9EaF7dKtQWJfZ8gjDqRKPJisOUXgMY7KHmnxtJIrKC8f5EUd6lprx3GL_JOAvzMcLSM8HhQg6TX4l3PPKqV6Rc_aNyhiRROQKZnRI/s1600/css.png" /></a><span style="background-color: white;"></span><br /><span style="background-color: white; line-height: 20.766666412353516px;"><span style="color: red; font-family: Verdana; font-size: x-small;"><b>Css Nedir ? Nasıl Kullanılır ?</b></span></span><br /><span style="font-family: Verdana; font-size: x-small;"><span style="line-height: 20.78333282470703px;">CSS Nedir? İngilizce açılımı Cascading Style Sheets, yani Türkçe Çağlayan Stil Tabakası gibi bir anlama geliyor. Peki CSS ile neler yapabiliyoruz? Bize faydaları neler? Ve CSS'yi sayfa içinde ne şekillerde kullanabiliriz? Bu yazımızda bunlardan bahsedeceğim.</span></span><span class="fullpost" style="background-color: white; border: 0px; display: inline; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CSS ile Neler Yapılıyor?</span><br />CSS kullanarak HTML ile yapamayacağımız birçok şeyi yapabiliriz. Bir sayfadaki tüm ögeleri veya belli bir kısım ögeyi renk, boyut, arkaplan resmi, sayfadaki konumu, sağından solundan olan boşlukları ve daha birçok özelliği yönünden CSS ile tanımlayabiliriz. Bir CSS dosyasıyla bütün sayfalarınızın stilini oluşturabileceğiniz için sayfalarınızın boyutu küçülür, yükü hafifler. CSS ayrıca öğrenmesi en kolay dillerden birisidir.<br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CSS Öğrenmek için Gerekli Ön Bilgiler;</span><br />CSS öğrenmek için gereken en önemli bilgi Temel HTML bilgisidir. HTML bilmeden CSS kodlarını kullanmanız çok zor olacaktır. Bu dökümanda anlatacağım konu CSS olduğu için HTML bildiğinizi varsayıyorum. HTML öğrenmeden CSS'ye başlamamanızı tavsiye ederim.<br />CSS öğrenmek için diğer gerekli bilgi ise İngilizce'dir. Tabi ki ingilizceyi su gibi bilmek değil bu sadece CSS kodları içinde geçen kelimeler İngilizce'dir ve bu kelimelerin büyük bir çoğunluğunun ifade ettiği şey Türkçe karşılığı olan kelimeyle alakalıdır. Yine de ezberiniz iyiyse İngilizce bilmeniz de şart değil :)<br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Bir CSS Kuralı Hangi Parçalardan Oluşur?</span><br />CSS kuralları 3 parçadan oluşur. Her CSS kuralı bir <em style="border: 0px; color: #006600; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">seçici</em> ve bir <em style="border: 0px; color: #006600; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">tanımlama</em>bölümüne sahiptir. Tanımlama bölümü bir<em style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> özellik </em>ve bir <em style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">değer</em>den meydana gelir. Yani bir CSS kuralı şu şekilde oluşturulur;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">seçici {özellik:değer}</span><br />Bir CSS kuralında <span style="border: 0px; color: #006600; font-family: inherit; font-style: italic; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">seçici</span> olarak bir html ögesinin ismi(Örneğin; a, p, span, div, body), kimliği(id'si) veya sınıfı(class'ı) kullanılabilir. Bu anlatımdaki örneklerde seçici olarak HTML ögelerinin isimleri kullanılmıştır.<br />CSS kurallarında <span style="border: 0px; color: #006600; font-family: inherit; font-style: italic; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">özellik</span> olarak ise sadece belirli maddeleri kullanabiliyoruz.(Belirli dediğim yaklaşık 120 tane kadar) <span style="border: 0px; color: #006600; font-family: inherit; font-style: italic; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">değer</span> olarak ise her özelliğin alabileceği kendi değerleri var, bunları kullanabiliyoruz.<br />Örnek olarak <span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a{font-size:12pt}</span> ve <span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">span{font-size:10px; font-color:blue;}</span>verilebilir.<br />Tanımlama bölümünde birden fazla özellik giriliyorsa aralarına noktalı virgül(;) konulur. Sadece tek değer giriliyorsa konulmayabilir ancak değerin sonuna eklemenin de bir sakıncası yoktur. Ayrıca aynı değerleri vereceğimiz iki seçiciyi aralarına virgül koyarak tek seferde tanımlayabiliriz de;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a, span, p {font-size:12pt; font-color:blue;}</span> gibi...<br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CSS'yi Sayfa İçine Yerleştirme Metotları</span><br /><span style="border: 0px; color: #000099; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a) HTML Ögesi İçine Yerleştirmek;</span><br />Şurada bir html kodumuz olsun: mesela link kodu ekleyelim bir tane;<br /><span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="Linkimizin Adresi">Linkimizin Adı</a></span><br />Bu şekilde eklenen bir link sayfamızda varsayılan link özelliğiyle, yani mavi renkte ve altı çizili olarak görünecektir. HTML içine yerleştireceğimiz style tagının içine ekleyeceğimiz CSS kurallarıyla bu linkimize farklı özellikler kazandırabiliriz. Örnek olarak kodumuz:<br /><span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="Linkimizin Adresi" style="color:white; background:blue; font:10pt Comic Sans MS;">Linkimizin Adı</a></span><br />Bu şekilde yazılmış bir kodda<span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> style=""</span> içindeki CSS kuralları linkin özelliğini belirler.<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color:red;</span> -> linkin renginin kırmızı olmasını,<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background:blue;</span> -> Linkin arkaplanının mavi olmasını,<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font:10pt Comic Sans MS;</span> -> Linkin 10pt yazı boyutuyla ve Comic Sans MS fontuyla yazılmasını ifade ediyor. Bu linkin görünümü aşağıdaki gibi olacaktır;<br /><a href="http://www.blogger.com/Linkimizin%20Adresi" style="background-attachment: scroll; background-color: blue; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; border: 0px; color: white; font-family: 'Comic Sans MS'; font-size: 10pt; line-height: normal; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;">Linkimizin Adı</a><br />Bu şekilde HTML tagları içine entegre edilmiş CSS kuralları sadece içine eklendiği HTML nesnesini etkiler.<br /><br /><span style="border: 0px; color: #000099; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b)Sayfa İçerisine Yerleştirmek;</span>Sayfanızın içerisine ekleyeceğimiz birkaç CSS kuralı ile o sayfadaki bütün HTML ögelerini etkileyebiliriz. Sayfa içerisine ekleyeceğimiz CSS kuralları, genellikle <head> tagından sonra <style> ve </style> tagları arasına yazılır. Örnek olarak aşağıda basit bir sayfanın CSS kodlarını verdim.<br /><span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><html><br /><head><br /><style><br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a{color:green;font:15pt;}<br />p{width:100px; height:25px; background-color:black;}</span><br /></style><br /></head><br /><body><br /><p><a href="http://linkin_adresi">Linkin Kelimesi</a></p><br /></body><br /></html></span><br /><br />Görüldüğü gibi bu şekilde birden fazla CSS kuralını peş peşe dizebiliyoruz ve bu şekilde yazdığımız bir kod bütün sayfaya etki ediyor. Yani a{ diye başlayan kural sayfadaki bütün linkleri, p diye başlayan kural da sayfadaki bütün p HTML taglarını etkiliyor.<br /><br /><span style="border: 0px; color: #000099; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">c) Bir CSS Dosyasından Sayfamıza Çağırmak;</span><br />CSS dosyası, uzantısı .css olan dosyadır. Amacı çağrıldığı bütün sayfaların CSS kurallarını taşımaktır. Sayfa içine yerleştirilen CSS kodlarından tek farkı sadece bir sayfaya değil, çağrıldığı bütün sayfalara etki etmesidir. Bir CSS dosyasının içerisinde sadece CSS kuralları bulunur. Örneğin bir CSS dosyasının içeriği;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a{font-color: blue; margin: 5px;}</span><br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">p{font:12px;}</span><br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">div{width:100px; height;100%;}</span><br />gibi olabilir. CSS dosyası oluşturmak için içine yerleştireceğiniz bütün CSS kurallarını bir not defterine yazıp uzantısını .css olacak şekilde kaydetmeniz yeterlidir.<br />Tamam, CSS dosyamızı oluşturduk. Peki bu dosyayı nasıl istediğimiz HTML sayfalarına ekleyeceğiz? Onu da HTML sayfamızdaki <span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> tagından sonra ekleyeceğimiz <span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><link></span> koduyla başaracağız. Bu kod;<br /><span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><link rel="stylesheet" type="text/css" href="http://dosyanın-bulunduğu-adres/stildosyanızınadı.css"></span><br />kodudur. Kodu kendinize göre düzenleyip HTML sayfanıza eklediğinizde CSS dosyanızdaki kurallar sayfanıza etki etmeye başlayacaktır.<br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">HTML Kodlarındaki Sınıf(class) ve Kimlik(id)</span><br />HTML kodlarındaki sınıflar ve kimlikler CSS kodları için çok güzel <span style="border: 0px; color: #006600; font-family: inherit; font-style: italic; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">seçici</span>'lerdir. Tabi seçicileri HTML içine entegre CSS kurallarında kullanamıyorduk. Bu nedenle seçicileri .css dosyamızda veya sayfa içindeki CSS kodları arasında kullanıyoruz. Neyse. Bir HTML kodu yazayım da başlayalım;<br /><span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><img src="http://resimlinki/resimismi.jpg" border="0" class="ali1" id="veli2" /></span><br />-Bu kodda <span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">class="ali1"</span> sınıfını seçici olarak kullanmak istersek, CSS kurallarını yazdığımız bölüme kuralımızı şu şekilde yazacağız;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.ali1 {width:100px; height:100px;}</span><br />Görüldüğü gibi sınıflar(class) seçici olarak kullanılırken başına nokta alıyor.<br />-Eğer üstteki HTML kodundaki <span style="border: 0px; color: #cc0000; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">id="veli2"</span> kimliğini seçici olarak kullanmak istersek, CSS kuralını şu şekilde oluşturacağız;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#veli2 {width:100px; height:100px;}</span><br />Görüldüğü gibi kimlikler(id) seçici olarak kullanılırken başına kare(<span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#</span>) alıyor.<br />Eğer aynı id ve class'ları başka HTML ögelerine de verirseniz, bu CSS kuralları onları da etkiler. Örneğin veli2 id'sini bir resime(img) de ekleseniz bir bir div'e bir linke(a) de ekleseniz CSS kuralı çalışır. Ama kuralın seçicisini a veya img gibi herhangi bir HTML tagıyla kısıtlarsanız, yani şunun gibi bir biçimde yazarsanız;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">img.ali1 {width:100px; height:100px;}</span><br />Seçiciyi bu şekilde kısıtlarsak, CSS kuralımız sadece sınıfı(class) ali1 olan resimleri(img) etkileyecektir. Kural seçicisindeki img yerine a yazarsak da sadece sınıfı(class) ali1 olan linkleri(a) etkileyecektir.<br /><br /><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">-> ÖNEMLİ NOT</span><span style="border: 0px; color: red; font-family: inherit; font-size: 17px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span></span> Bir kuralın yazılışında kelimeler arası boşlukların hiçbir anlamı yoktur. Örneğin;<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a{color:black; font:12pt;}</span><br />kuralı ile<br /><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a {</span><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br />color: black;</span><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br />font: 12pt;</span><span style="border: 0px; color: #ff6666; font-family: inherit; font-style: inherit; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br />} </span><br />kuralı arasında hiçbir fark yoktur.</span><span style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px;"> </span><br /><span style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px;"><br /></span><span style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px;"><a href="http://www.pcdostu.com/2008/06/css-nedir-ve-nasil-kullanilir-temel-css.html" target="_blank">KAYNAK</a></span>

Css Nedir ? Nasıl Kullanılır ?

Css Nedir ? Nasıl Kullanılır ? CSS Nedir? İngilizce açılımı Cascading Style Sheets, yani Türkçe Çağlayan Stil Tabakası gibi bir anlama geliy...

+ Devamı »

Facebook Nedir ? Ne İşe Yarar ?

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkAEolTnT7DcvDg6QMGp02_6exvQq2S2Szj1QDu0Ij537hOI6JRJoykyvwMSrlT-iIgAvusnKVdarGI0SroHnHOyr7x7QvNyc291_oNrNsvYiF4BoNbt5dm1Y6Tmb9DsXNtHgFICwI2z7g/s1600/facebook-147%5B1%5D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkAEolTnT7DcvDg6QMGp02_6exvQq2S2Szj1QDu0Ij537hOI6JRJoykyvwMSrlT-iIgAvusnKVdarGI0SroHnHOyr7x7QvNyc291_oNrNsvYiF4BoNbt5dm1Y6Tmb9DsXNtHgFICwI2z7g/s320/facebook-147%5B1%5D.png" width="320" /></a></div><b>Facebook Nedir ? Ne İşe Yarar ?</b><br /><b><br /></b>Facebook İnsanların Etkileşimlerini Arttıran En Önemli Sosyal Sitelerden Bir Tanesidir. Peki Bu Sitenin Yararları Var mıdır ? Derseniz. Tabi Vardır Örneğin İlkokul Arkadaşlarınız, Asker Arkadaşlarınız, Çocukluk Arkadaşlarınızı Facebook Sayesinde Bulabilirsiniz. Orada İletişime Geçerek Arkadaşlarınızı Tekrardan Kazanabilirsiniz. Peki Ücretli midir? Tabiki Ücretsizdir. Peki Facebook'a Üye Olursam Neler Yapabilirim Derseniz. Videolar İzleyebilir. Fotoğraflar Yükleyebilir. Ne Ararsanız Vardır. Facebook Birçok Siteniz Özelliklerini Bir Arada Bulundurmaktadır. Hem Video Sitesi Hem Arkadaşlık Sitesi, ... Ve Sayamayacağımız Kadar Çok Geniş Platformdur.

Facebook Nedir ? Ne İşe Yarar ?

Facebook Nedir ? Ne İşe Yarar ? Facebook İnsanların Etkileşimlerini Arttıran En Önemli Sosyal Sitelerden Bir Tanesidir. Peki Bu Sitenin Yara...

+ Devamı »

Blogger Nedir, Nasıl Kayıt Olunur?

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwYy8TwV_KYmSj3Tkd9sFeS_B6NKwxDh9bazljT9WsXZK3QbRx4LCxQh8KyoX8rovhcFP_P6pYDK6x4XqaqECDz6BMphHi1sJbV1pwgWxOkW10b0wW5hIaU_PFzbjSmefXRoZLk_sPzvf/s1600/blogger-logo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwYy8TwV_KYmSj3Tkd9sFeS_B6NKwxDh9bazljT9WsXZK3QbRx4LCxQh8KyoX8rovhcFP_P6pYDK6x4XqaqECDz6BMphHi1sJbV1pwgWxOkW10b0wW5hIaU_PFzbjSmefXRoZLk_sPzvf/s1600/blogger-logo.jpg" /></a></div><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Blogger Nedir?</b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Blogger, </span><linkz id="linkz16" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın sahip olduğu, ücretsiz bir blog oluşturmanıza imkan veren sistemdir. Bir Blogger’a kayıt olduğunuzda .blogspot.com uzantılı bir bloga sahip olabilirsiniz. Örneğin biz </span><linkz id="linkz17" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">weblopedi</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">.blogspot.com adresini aldık. Sizler de daha önceden başkası tarafından kullanılmayan isimli bu şekilde bir bloga sahip olabilirsiniz.</span><br /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><br />Blogger Hakkında</b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Blogger öncelikli olarak </span><linkz id="linkz21" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın sağladığı büyük destek ile internet ortamındaki yerini oldukça yüksekte koruyabiliyor. Ki </span><linkz id="linkz22" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">sadece</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> </span><linkz id="linkz20" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> </span><linkz id="linkz24" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><nobr><span style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: double; border-bottom-width: 3px; color: red; cursor: pointer; font-weight: bold; line-height: 1.7;">avantajı</span></nobr></linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> değil, daha bir sürü </span><linkz id="linkz23" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">avantaj</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> da bununla birlikte geliyor. Örneğin, kullanım </span><linkz id="linkz26" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">kolaylığı</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">. Blogger panelinizden bir içerik çok hızlı bir şekilde oluşturabiliyor, ayrıca site ile ilgili tüm ayarları da </span><linkz id="linkz25" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">kolaylıkla</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> yapabiliyorsunuz. Çok fazla kullanılmasının ve tema özelliğinin kodlanabilir olmasından dolayı gerek kendi hazır temaları, gerek ise başka kişiler tarafından kodlanıp hazırlanan temalar sayesinde sitenize çok farklı bir hava verebiliyorsunuz. SEO konusunda da oldukça iyi olduğu ve </span><linkz id="linkz19" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın hizmeti olmasından dolayı </span><linkz id="linkz18" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın + bir değer verdiği de söyleniyor.</span><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><img alt="" border="0" src="http://weblopedi.net/wp-content/uploads/blogger-nedir.jpg" style="cursor: pointer; max-width: 850px;" /></b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Nasıl Bir Blogger Blogu Alabilirim?</b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Diğer </span><linkz id="linkz31" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hizmetlerinde de olduğu gibi Blogger için de bir </span><linkz id="linkz30" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hesabınızın olması yeterli. Blogger.com adresine girip veya </span><linkz id="linkz29" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> ana sayfasından üst menüde yer alan Blogger linkine tıklayıp </span><linkz id="linkz28" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hesabımızla giriş yaptığımız taktirde hemen bir blog sahibi olabiliriz.</span><span style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><br /></span><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Blogger, </span><linkz id="linkz16" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın sahip olduğu, ücretsiz bir blog oluşturmanıza imkan veren sistemdir. Bir Blogger’a kayıt olduğunuzda .blogspot.com uzantılı bir bloga sahip olabilirsiniz. Örneğin biz </span><linkz id="linkz17" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">weblopedi</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">.blogspot.com adresini aldık. Sizler de daha önceden başkası tarafından kullanılmayan isimli bu şekilde bir bloga sahip olabilirsiniz.</span><br /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><br />Blogger Hakkında</b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Blogger öncelikli olarak </span><linkz id="linkz21" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın sağladığı büyük destek ile internet ortamındaki yerini oldukça yüksekte koruyabiliyor. Ki </span><linkz id="linkz22" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">sadece</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> </span><linkz id="linkz20" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> </span><linkz id="linkz24" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><nobr><span style="border-bottom-color: rgb(255, 0, 0); border-bottom-style: double; border-bottom-width: 3px; color: red; cursor: pointer; font-weight: bold; line-height: 1.7;">avantajı</span></nobr></linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> değil, daha bir sürü </span><linkz id="linkz23" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">avantaj</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> da bununla birlikte geliyor. Örneğin, kullanım </span><linkz id="linkz26" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">kolaylığı</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">. Blogger panelinizden bir içerik çok hızlı bir şekilde oluşturabiliyor, ayrıca site ile ilgili tüm ayarları da </span><linkz id="linkz25" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">kolaylıkla</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> yapabiliyorsunuz. Çok fazla kullanılmasının ve tema özelliğinin kodlanabilir olmasından dolayı gerek kendi hazır temaları, gerek ise başka kişiler tarafından kodlanıp hazırlanan temalar sayesinde sitenize çok farklı bir hava verebiliyorsunuz. SEO konusunda da oldukça iyi olduğu ve </span><linkz id="linkz19" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın hizmeti olmasından dolayı </span><linkz id="linkz18" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">‘ın + bir değer verdiği de söyleniyor.</span><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><img alt="" border="0" src="http://weblopedi.net/wp-content/uploads/blogger-nedir.jpg" style="cursor: pointer; max-width: 850px;" /></b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><b style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Nasıl Bir Blogger Blogu Alabilirim?</b><br /><br style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;" /><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Diğer </span><linkz id="linkz31" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hizmetlerinde de olduğu gibi Blogger için de bir </span><linkz id="linkz30" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hesabınızın olması yeterli. Blogger.com adresine girip veya </span><linkz id="linkz29" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> ana sayfasından üst menüde yer alan Blogger linkine tıklayıp </span><linkz id="linkz28" style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;">Google</linkz><span style="background-color: white; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"> hesabımızla giriş yaptığımız taktirde hemen bir blog sahibi olabiliriz.</span><span style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px;"><br /></span>

Blogger Nedir, Nasıl Kayıt Olunur?

Blogger Nedir? Blogger, Google ‘ın sahip olduğu, ücretsiz bir blog oluşturmanıza imkan veren sistemdir. Bir Blogger’a kayıt olduğunuzda .bl...

+ Devamı »

Blog Nedir ?

<br />
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.200000762939453px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGF-elWDUlFC6DDQkjgyKzuKyjfta_aXmxjElIwfyypOEhNzu7lI56yuXyKCjUlJNeD9RWZc3aivPIfkPxsma_RkGOgbzcgwh3cE7rg9veUn8Hah4tuk4f731CvUsMzXrwayDxBpvOj3Pw/s1600/stock-illustration-20146984-computer-man-mascot.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGF-elWDUlFC6DDQkjgyKzuKyjfta_aXmxjElIwfyypOEhNzu7lI56yuXyKCjUlJNeD9RWZc3aivPIfkPxsma_RkGOgbzcgwh3cE7rg9veUn8Hah4tuk4f731CvUsMzXrwayDxBpvOj3Pw/s1600/stock-illustration-20146984-computer-man-mascot.jpg" /></a><span class="mw-headline" id="Blog_nedir.3F">Blog nedir?</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Blog nedir?">değiştir</a>]</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Blog, genellikle güncelden eskiye doğru sıralanmış yazı ve yorumların yayınlandığı, web tabanlı bir yayını belirtir. Çoğunlukla her gönderinin sonunda yazarın adı ve gönderi zamanı belirtilir. Yayıncının seçimine göre okuyucular yazılara yorum yapılabilir. Yorumlar, blog kültürünün çok önemli bir dinamiğidir; bu sayede yazar ve okuyucular arasında iletişim sağlanır. Bunun dışında, <a href="http://tr.wikipedia.org/wiki/Geri_izleme" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Geri izleme">geri izleme</a>(<i>trackback</i>) mekanizmasıyla, belirli bir yazı hakkında yazılan diğer yazıların belirlenebilmesi de mümkündür.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
İlk bloglar elle yazılıp güncellenirken, bugün bu iş için özel yazılmış yazılımlar kullanılmaktadır. Bu yazılımlardan bazıları bir blog servisi sağlayıcı sitenin alt alan adları olarak yaratılabilen, bazıları ise kullanıcının kendi <a href="http://tr.wikipedia.org/wiki/Sunucu" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Sunucu">sunucusuna</a> kurup çalıştırması gereken <a href="http://tr.wikipedia.org/wiki/Yaz%C4%B1l%C4%B1m" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Yazılım">yazılımlardır</a>.</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.200000762939453px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Blogun_ge.C3.A7mi.C5.9Fi">Blogun geçmişi</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=2" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Blogun geçmişi">değiştir</a>]</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Blogların içeriği geleneksel internet içeriğinden farklılık gösterdiği için sadece bloglar için kurulmuş özel indeksleme mekanizmaları ve arama motorları bulunmaktadır. <a href="http://tr.wikipedia.org/wiki/Technorati" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Technorati">Technorati</a> en başarılı blog teknolojilerinden biridir. Ayrıca <a class="mw-redirect" href="http://tr.wikipedia.org/wiki/Google_Blog_Search" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Google Blog Search">Google Blog Search</a> adında bir blog arama motoru işletmektedir. 2005 yılında <a class="new" href="http://tr.wikipedia.org/w/index.php?title=Verisign&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: initial;" title="Verisign (sayfa mevcut değil)">Verisign</a> tarafından satın alınan <a href="http://tr.wikipedia.org/wiki/Weblogs.com" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Weblogs.com">Weblogs.com</a>, dünyanın en büyük blog ping servisi olarak tüm internet indeksleme mekanizmalarına veri sağlamaktadır.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
İnternet ile ilgili ciddi bir araştırma kurumu olan Jupiter Research'ün 2005 yılında yaptığı bir araştırmasına göre, blog sitesi sahiplerinin yarısının yıllık geliri 60.000 <a href="http://tr.wikipedia.org/wiki/Dolar" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Dolar">doların</a> üstünde; blog okuyanların %60'ı erkek ve blog okuma alışkanlığı olanların %73'ü 5 yıldan uzun süredir internet bağlantısına sahip. Blog okuyanların %28'i blog okumak için <a href="http://tr.wikipedia.org/wiki/RSS" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="RSS">RSS</a> kullanıyor. 2005 sonunda yapılan başka bir araştırmaya göre de internet kullanıcılarının %38'i blog kelimesinin anlamını bildiklerini, %27'si ise blog okuduklarını belirtmiştir. Blogosferin nabzını tutma misyonundaki <a href="http://tr.wikipedia.org/wiki/Technorati" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Technorati">Technorati</a>'nin istatistiklerine göre, günde 50.000'den fazla yeni blog sitesi yaratılıyor.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Blogların kullanımı <a href="http://tr.wikipedia.org/wiki/1999" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="1999">1999</a> yılında <a href="http://tr.wikipedia.org/wiki/Blogger" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Blogger">Blogger</a>'ın bu hizmeti vermeye başlaması ve kısa süre sonra bunu ücretsiz hale getirmesi ile yaygınlaşmıştır. <a href="http://tr.wikipedia.org/wiki/2003" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="2003">2003</a> yılı Şubat ayında <a href="http://tr.wikipedia.org/wiki/Google" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Google">Google</a>, Blogger'ı satın aldı ve Google araç çubuğuna, ziyaret edilen sayfanın adresini doğrudan bloga girmeyi sağlayan 'Blog This!' tuşu yerleştirdi. İngilizce bilen çoğu kişi ilk defa bu düğme sayesinde bloglar ile tanışmıştır.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Blogger ile aynı zamanlarda kurulan <a href="http://tr.wikipedia.org/wiki/LiveJournal" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="LiveJournal">LiveJournal</a>, sadece belirli kişilerin okumasına izin verilebilen blog sayfaları sağlayarak popüler olmuş bir blog sitesidir. Halen en çok blog yaratılan sistemlerden biri olan LiveJournal, yazdıklarını herkesle paylaşmak istemeyen ve grup bağlarına önem veren kişiler tarafından tercih ediliyor.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
<a href="http://tr.wikipedia.org/wiki/Microsoft" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Microsoft">Microsoft</a>'un <a href="http://tr.wikipedia.org/wiki/Windows_Live_Spaces" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Windows Live Spaces">Windows Live Spaces</a> adlı blog sistemi de, MSN üyelerine sunulan <a href="http://tr.wikipedia.org/wiki/Windows_Live_Messenger" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Windows Live Messenger">Windows Live Messenger</a> hizmetine ilişkilendirilince ciddi bir yayılma göstermiştir. Üyelerin fotoğraf albümü oluşturmasına izin veren sistem, blogların güncellendiği anda paylaşılmasını sağlayan dahili bir yapıya da sahiptir. Daha çok amatör kullanıcılar yönelik bir hizmet olan Windows Live Spaces, görünüş ve yapı olarak değişikliğe pek açık değildir. Ayrıca, Windows Live Messenger daha çok sohbet amacıyla kullanılan bir servis olduğundan, Space'lerde yer alan bloglar da daha çok resim yükleme alanı olarak kullanılmaktadır. Microsoft, 27 Eylül 2010'da, Windows Live Spaces servisini durduracağını açıklamış ve kullanıcılarına blog'larını ücretsiz olarak WordPress.com'a taşıma olanağı sunmuştur.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Hızla büyüyen ve ciddi bir akım haline gelen blog dünyasında, İnternetin devlerinden <a href="http://tr.wikipedia.org/wiki/Yahoo!" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Yahoo!">Yahoo!</a> da 2005 yılının Mart ayında kendi blog sistemi <a class="new" href="http://tr.wikipedia.org/w/index.php?title=Yahoo!_360&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: initial;" title="Yahoo! 360 (sayfa mevcut değil)">Yahoo! 360</a>'ı açtığını ilan etti.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Kullanıcının kendi sunucusuna kurarak çalıştırdığı blog yazılımlarında <a href="http://tr.wikipedia.org/wiki/WordPress" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="WordPress">WordPress</a> liderdir.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Son olarak 2007 yılında da, Tim O'Reilly <a class="new" href="http://tr.wikipedia.org/w/index.php?title=Blogger%27s_Code_of_Conduct&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: initial;" title="Blogger's Code of Conduct (sayfa mevcut değil)">Blogger's Code of Conduct</a> fikrini ortaya atmıştır.</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.200000762939453px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Blog_t.C3.BCrleri">Blog türleri</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=3" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Blog türleri">değiştir</a>]</span></h2>
<h3 style="background-color: white; background-image: none; border-bottom-style: none; font-family: sans-serif; font-size: 17px; line-height: 19.200000762939453px; margin: 0px 0px 0.3em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Ki.C5.9Fisel">Kişisel</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; font-weight: normal; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=4" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Kişisel">değiştir</a>]</span></h3>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
İnternet üzerinde bireysel olarak oluşturulan, genel veya belli bir odak noktası olan blog çeşididir. Büyük oranda blog yazarının ismini veya takma adını alırlar. Yazarın bireysel günlüğü olmak dışında gündemi kendi kalemi ile yansıttığı ortamdır. Bu tür bloglar çok fazla deneyimi olmayan kişilerin bile kullanabileceği ve sayfalarını düzenleyebileceği yapıdadır ve daha çok günlük olarak kullanılırlar. Kişilerin günlük yaşamda yaşadıkları olayları, karşılaştıkları durumları okurlarıyla paylaşmasını sağlar. Bloglarda en fazla rastlanan türdür.</div>
<h3 style="background-color: white; background-image: none; border-bottom-style: none; font-family: sans-serif; font-size: 17px; line-height: 19.200000762939453px; margin: 0px 0px 0.3em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Temasal">Temasal</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; font-weight: normal; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=5" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Temasal">değiştir</a>]</span></h3>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Sadece belirli bir alanda yazılan gönderilerin yer aldığı, belirli bir konuda uzman kişilerin yazdığı ve düzenlediği bloglardır. <a class="mw-redirect" href="http://tr.wikipedia.org/wiki/Politika" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Politika">Politika</a>,<a href="http://tr.wikipedia.org/wiki/Pazarlama" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Pazarlama">pazarlama</a>, <a href="http://tr.wikipedia.org/wiki/Yemek" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Yemek">yemek</a>, <a href="http://tr.wikipedia.org/wiki/%C4%B0nternet" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="İnternet">internet</a>, <a href="http://tr.wikipedia.org/wiki/Ekonomi" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Ekonomi">ekonomi</a>, <a href="http://tr.wikipedia.org/wiki/Tasar%C4%B1m" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Tasarım">tasarım</a>, <a href="http://tr.wikipedia.org/wiki/Foto%C4%9Fraf" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Fotoğraf">fotoğraf</a>, <a class="mw-redirect" href="http://tr.wikipedia.org/wiki/Programlama_dilleri" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Programlama dilleri">programlama dilleri</a>, <a class="new" href="http://tr.wikipedia.org/w/index.php?title=Blogger_temalar%C4%B1&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: initial;" title="Blogger temaları (sayfa mevcut değil)">blogger temaları</a> ve benzeri konularda odaklanmış bloglar bulunmaktadır. Türkçe olarak yayınlanan bloglarda en fazla ilgiyi yemek ve <a class="new" href="http://tr.wikipedia.org/w/index.php?title=Blogger_eklentileri&action=edit&redlink=1" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: initial;" title="Blogger eklentileri (sayfa mevcut değil)">blogger eklentileri</a> konulu bloglar çekmekte, sayı olarak ise bilgisayar blogları göze çarpmaktadır.</div>
<h3 style="background-color: white; background-image: none; border-bottom-style: none; font-family: sans-serif; font-size: 17px; line-height: 19.200000762939453px; margin: 0px 0px 0.3em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Topluluk">Topluluk</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; font-weight: normal; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=6" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Topluluk">değiştir</a>]</span></h3>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Üyelik sistemine sahip olan ve bu üyelerin yazdıkları gönderilerden meydana gelen bloglardır. Komünite olarak da adlandırılan bu türdeki blogların çoğu kendi sunucularındaki blog yazılımını kullanmaktadır. Tarihsel olarak ise, LiveJournal'da oluşan bir kültür mirasını devam ettirmektedirler..</div>
<h3 style="background-color: white; background-image: none; border-bottom-style: none; font-family: sans-serif; font-size: 17px; line-height: 19.200000762939453px; margin: 0px 0px 0.3em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="Kurumsal">Kurumsal</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; font-weight: normal; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=7" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Kurumsal">değiştir</a>]</span></h3>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Şirketlerin kendileri ile ilgili haber ve duyurularını daha samimi bir şekilde halka açtıkları bloglar dünyada ve iş hayatında giderek önem kazanmaktadır. Türkiye'de az sayıda olsa da bazı şirketler şirket bloglarını hizmete sunmaya başlamıştır. Aslında yeryüzündeki akım, şirketin doğrudan değil, samimi karakterdeki bazı çalışanların desteklenmesi yoluyla bloglamaktır. Hatta en ünlü şirket bloglarını tutan Microsoft çalışanları, samimiyetlerine inandırmak için arasıra rakip firmaların ürünlerini de övmekte, reklamını yapmaktadır.</div>
<h2 style="background-color: white; background-image: none; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 19px; font-weight: normal; line-height: 19.200000762939453px; margin: 0px 0px 0.6em; overflow: hidden; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline" id="T.C3.BCrk.C3.A7e_bloglar">Türkçe bloglar</span> <span class="editsection" style="-webkit-user-select: none; float: none; font-size: xx-small; margin-left: 5px;">[<a href="http://tr.wikipedia.org/w/index.php?title=Blog&action=edit&section=8" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Değiştirilen bölüm: Türkçe bloglar">değiştir</a>]</span></h2>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
Blog, dünyada çok önemsenen ve ciddiye alınan bir kavram olmasına rağmen, Türkiye'de 2005 yılına kadar çok fazla farkedilmiş değildi. Mayıs 2005 tarihinde Google'da Türkçe sayfalarda "blog" kelimesi 65.400 kez yer alırken, Mayıs 2006'da bu sayı 5 milyona yaklaşmış, Mayıs 2008'de ise 10 milyonun üzerine çıkmıştır.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
<a class="mw-redirect" href="http://tr.wikipedia.org/wiki/Blogger.com" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Blogger.com">Blogger.com</a>'dan hizmet alan Türkçe blog sayısı 2004-2005 yılları arasında oldukça fazla iken, bugün bu sayı hemen hemen hiç artmamaktadır. Çünkü Türkçe olarak hizmet veren blog barındırma siteleri, üyelerine en az Blogger.com kadar iyi hizmet vermektedir. Türkçe barındırma sitelerinin artması, doğal olarak açılan Türkçe blog sayısını arttırmıştır ve Türkçe konuşan insanların blog kültürüne akın etmesini sağlamıştır.</div>
<div style="background-color: white; font-family: sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 0.5em; margin-top: 0.4em;">
2005 yılında hizmet vermeyen başlayan Türkçe blog servisi <a href="http://tr.wikipedia.org/wiki/Blogcu.com" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Blogcu.com">Blogcu.com</a>, 2 sene içinde 370 bin üyesi ile Türkiye'de en çok okunan 10. internet yayını olmayı başarmıştır. Blogcu dışında başka birçok yerli blog servisi hizmete açılmıştır. Bunların arasında Mynet Blog, Milliyet, Habertürk, Vatan gibi yayın organlarının blog servisleri ve Doğan grubu ortaklığıyla 2006 ortasında yayın hayatına başlayan ve 725 bin blogu, 1 milyon 300 bin üyesi bulunan <a href="http://tr.wikipedia.org/wiki/Azbuz.com" style="background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: initial;" title="Azbuz.com">Azbuz.com</a> da bulunmaktadır.</div>

Blog Nedir ?

Blog nedir? [ değiştir ] Blog, genellikle güncelden eskiye doğru sıralanmış yazı ve yorumların yayınlandığı, web tabanlı bir yayını be...

+ Devamı »

Android Uygulamaları Bilgisayarda Çalıştırmak

<br /><h1 style="background-color: white; color: #0f294a; font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin: 0px 0px 2px; padding: 0px;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0EfXkmaAF-j__HMDaPqFAS70QtEb0BRI1IkJBT5sCMSNjgDN5n5lzhsGYmUeF0Xkvf-6dNvuI3oSyjdfzwEew4qPVpnxegSM55VIT13oKrYms2PbCYkh_mR3TBYXIOZp-QNIGw6DpZyim/s1600/android.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0EfXkmaAF-j__HMDaPqFAS70QtEb0BRI1IkJBT5sCMSNjgDN5n5lzhsGYmUeF0Xkvf-6dNvuI3oSyjdfzwEew4qPVpnxegSM55VIT13oKrYms2PbCYkh_mR3TBYXIOZp-QNIGw6DpZyim/s1600/android.jpg" width="320" /></a></div><div style="color: #444444; font-family: Arial; font-size: 12.5px; font-weight: normal; line-height: 19px; margin-bottom: 10px; padding: 0px;">Eğer sizde Android işletim sistemi ile ilgileniyor iseniz bir takım uygulamaları Bilgisayarınız üzerinde test etmek veya kullanmak isteye bilirsiniz bunun için aşağıdaki ekranda görüldüğü üzere Android SDK yı indirip kurmanız gerekiyor makalede önce bu SDK nın kurulumu sonrada örnek bir uygulamanın nasıl yüklenip çalıştırıldığına bakacağız.</div><div style="color: #444444; font-family: Arial; font-size: 12.5px; font-weight: normal; line-height: 19px; margin-bottom: 10px; padding: 0px;"><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android1.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2485" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android1.jpg" style="border: none;" title="Android1" width="600" /></a></div><div style="color: #444444; font-family: Arial; font-size: 12.5px; font-weight: normal; line-height: 19px; margin-bottom: 10px; padding: 0px;"><span id="more-2484"></span></div><div style="color: #444444; font-family: Arial; font-size: 12.5px; font-weight: normal; line-height: 19px; margin-bottom: 10px; padding: 0px;">İndirdiğimiz dosyayı kurmaya başlıyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android2.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-2486" height="401" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android2.jpg" style="border: none;" title="Android2" width="517" /></a><br />Kurulumu bitiriyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android3.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-2487" height="404" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android3.jpg" style="border: none;" title="Android3" width="516" /></a><br />SDK Manager otomatik açılıyor ve Hangi Android sürümleri kullanacağımızı işaretlememizi istiyor ister hepsini ister sadece uygulamayı gerçek ortamda çalıştıcağınız Android versiyonunu yüklüyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android4.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2488" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android4.jpg" style="border: none;" title="Android4" width="600" /></a><br />Accept All diyerek hepsini kabul ediyoruz.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android5.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android5.jpg" style="border: none;" title="Android5" width="600" /></a><br />Ve işaretlemiş olduğumuz Android sürümlerini yüklemeye başlıyor.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android6.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2490" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android6.jpg" style="border: none;" title="Android6" width="600" /></a><br />Yüklenen uygulamaları gösteriyor.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android7.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2491" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android7.jpg" style="border: none;" title="Android7" width="600" /></a><br />Programlardan AVD Manager çalıştırıyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android8.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-2492" height="65" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android8.jpg" style="border: none;" title="Android8" width="443" /></a><br />Sanal Android makinamızı oluşturuyoruz.Bu ekranda en önemli kısım Androit makinamızın Target kısmından hangi versiyon işletim sistemi kullanacağını seçiyoruz.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android9.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2493" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android9.jpg" style="border: none;" title="Android9" width="600" /></a><br />Başarılı bir şekilde oluşturuldu bilgisini veriyor.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android10.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2494" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android10.jpg" style="border: none;" title="Android10" width="600" /></a><br />Start Düğmesine basıyoruz ve ekran ölçülerini istediğimiz gibi belirliyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android11.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2495" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android11.jpg" style="border: none;" title="Android11" width="600" /></a><br />Sanal Makinamız başlıyor…<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android12.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2496" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android12.jpg" style="border: none;" title="Android12" width="600" /></a><br />Yüklenmeye devam ediyor. Bir uyarı yeri gelmişken belirteyim Sistemin açılıp kapanması veya uyguları yüklemesibiraz zaman alabiliyor sabırlı olmanız gerekiyor.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android13.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2497" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android13.jpg" style="border: none;" title="Android13" width="600" /></a><br />Evet aşağıda görüldüğü üzere Sanal Makinamız açıldı.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android14.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2498" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android14.jpg" style="border: none;" title="Android14" width="600" /></a><br />Menüyü tıkladığımızda Yüklü olarak gelen uygulamaları görüyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android15.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2499" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android15.jpg" style="border: none;" title="Android15" width="600" /></a><br />Setting (Ayarlar) Düğmesi altından gerekir ise ekrani,ses ve kablosuz vb. ayarları yapıyoruz.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android16.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2500" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android16.jpg" style="border: none;" title="Android16" width="600" /></a><br />Bu Android işletim sistemi yüklü olan uygulamamıza indirmiş olduğumuz veya kendi yazmış olduğumuz APK dosyalarını yüklemek için bir kaç ayar yapmak gerekiyor ben örnek olması açısından 4 adet oyun internetten indirdim.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android17.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2501" height="358" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android17.jpg" style="border: none;" title="Android17" width="609" /></a><br />Öncelikli olarak kurulum işlemin sorunsuz çalışa bilmesi için 2 adet konumu bilgisayarın Yol (Path) eklemek istiyorum.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android18.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2502" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android18.jpg" style="border: none;" title="Android18" width="600" /></a><br />Bu iki pencedereki yolu Path ekleyelimki komutlar sorunsuz çalışsın.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android19.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone  wp-image-2503" height="400" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android19.jpg" style="border: none;" title="Android19" width="600" /></a><br />Bilgisyarım üstünde sağtuş –>Özellikler –>Gelişmiş Sistem Ayarları –> Gelişmiş –> Ortam Değişkenleri kısmında Path yazan kısma araya “;” koyarak bu iki yolu ekliyoruz.<br /><a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android20.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-2504" height="498" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android20.jpg" style="border: none;" title="Android20" width="425" /></a><br />indirmiş olduğumuz 4 uygulamayı “adb install” komudu ile aşağıdaki gibi kuruyoruz ve kullanıyoruz.<a href="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android21.jpg" style="color: #119ec8; text-decoration: none;"><img alt="" class="alignnone size-full wp-image-2505" height="90" src="http://www.bilgehangunduz.com/wp-content/uploads/2012/07/Android21.jpg" style="border: none;" title="Android21" width="677" /></a></div><div style="color: #444444; font-family: Arial; font-size: 12.5px; font-weight: normal; line-height: 19px; margin-bottom: 10px; padding: 0px;"><a href="http://www.bilgehangunduz.com/index.php/2012/07/14/android-uygulamalari-bilgisayarda-calistirma/" target="_blank">KAYNAK</a></div></h1>

Android Uygulamaları Bilgisayarda Çalıştırmak

Eğer sizde Android işletim sistemi ile ilgileniyor iseniz bir takım uygulamaları Bilgisayarınız üzerinde test etmek veya kullanmak isteye bi...

+ Devamı »