ie6 float:left Sorunu:

ie6 tarayıcı ie7, chrome ve firefox tarayıcılardan farklı css yorumlaması yapabiliyor. Mesela float:left kullanımında ie6 istenilen sonucu vermeyebiliyor.

Aşağıda diğer tarayıcılara göre farklı soncuç veren kod bulunmaktadır: Yazının tamamını okuyun »

PHP Dinamik sitemap.xml Oluşturmak

Bu yazıda google için dinamik olarak güncellenen sitemap.xml site haritası oluşturma işlemi anlatılacak.

İlk olarak bu işlemin mantığından bahsetmek istiyorum:

Oluşturulacak sayfa aslında sitemap.php sayfası. Çünkü xml formatlı dinamik bir sayfa oluşturlamaz(en azından ben öyle biliyorum). Bu sitemap.php sayfası da .htacces kullanılarak sitemap.xml olarak Yazının tamamını okuyun »

XHTML 1.1 Geçerlilik Testi Form Hatası

Sitemi http://validator.w3.org ile xhtml kurallarına uyup uymadığını kontrol ettirdim ve formda 3 tane hata çıktı. Hata kodları label ve form etiketlerindeymiş. Hata kodlarının 2 tanesi aşağıdaki gibi:

  • Line 36, Column 11: document type does not allow element “label” here; missing one of “ins”, “del”, “h1″, “h2″, “h3″, “h4″, “h5″, “h6″, “p”, “div”, “address”, “fieldset” start-tag
  • Line 42, Column 9: end tag for “form” which is not finished

Hata nedeni ise XHTML 1.1′de form elemanlarını fieldset içine almak gerekmesiymiş.

Aşağıya eski kodu ve hatanın düzeltilmiş hali olan yeni kodu yazıyorum.

  Hatalı Kod:

<form id=”form1″ method=”post” action=”">
    <label>
    <input name=”textfield” type=”text” class=”arama-kutusu” />
    </label>
    <label > <br />
    <input name=”Submit” type=”submit” class=”ara-butonu” value=”Ara” />
    </label>
  </form>

Düzeltilmiş Kod:

  <form id=”form1″ method=”post” action=”">
  <fieldset>
 <label>
    <input name=”textfield” type=”text” class=”arama-kutusu” />
    </label>
    <label > <br />
    <input name=”Submit” type=”submit” class=”ara-butonu” value=”Ara” />
    </label>
  </fieldset>
  </form>

SEO URL Yapımı (htaccess URL Rewriting Örneği)

İlk olarak SEO Teknikleri(SEOmoz Anketi) yazısını okuyarak url’de orl adresinde anahtar kelimelerin geçmesinin SEO için katkısını inceleyebilirsiniz.

Yazıda php ile seo url’nin (sef) nasıl oluşturulacağı anlatılacak.

Herhangi bir işlem yapmadığınız sürece php ile kodlanmış bir sitede url aşağıdaki gibi olur.

http://www.sitedefteri.net/icerik.php?id=110

Fakat bunun yerine url’yi aşağıdaki yaparsanız SEO açısından daha faydalı olacaktır.

http://www.sitedefteri.net/110-seo-teknikleri-seomoz-anketi.html

Bu işlem iki aşamada yapılır. Birinci aşamada php ile SEO url oluşturulur ve veritabanına kaydedilir. İkinci aşamada ise htacces ile URL Rewriting komutu kullanılarak url normal php koduna çevrilerek işlenir.

PHP ile SEO Url Oluşturmak:

SEO url’de yazının başlığının ve id numarasının Yazının tamamını okuyun »

SEO Teknikleri (SEOmoz 2009 Anketi)

SEOmoz her iki yılda bir SEO uzmanları ile bir anket yapıyormuş. Bu enket ile arama motorlarında üst sıralarda çıkmayı etkileyen faktörler belirleniyor.

Bu yıl da 72 SEO uzmanı ile yapılan anket sonuçları aşağıdaki gibi çıkmış.

SEO’yı Olumlu Yönde Etki Eden İlk 5 Faktör:

  1. Sitenize gelen bağlantıların anahtar kelimelerinizi içiermesi. Mesela bu siteye “Web Tasarım ve Programlama” şeklinde bir yazı ile link verilmesi. (% 73)
  2. Sitenize gelen link sayısı ve link verenin kalitesi. (bağlantı sayısı/kalite) (% 71)
  3. Sitenize gelen linklerin farklı sitelerden olması. (% 67)
  4. Anahtar kelimelerinizin sitenizin başlığında geçmesi. (% 66)
  5. Güvenilirliği yüksek sitelerden link almak.(% 66)

SEO’yu Olumsuz Yönde Etki Eden İlk 5 Faktör:

  1. Sitenizdeki zararlı yazılımlar. Sitenize Yazının tamamını okuyun »

PHP Site Yapımı

Php-mysql ile site yapımını daha anlaşılır olması için alt sitede örnek uygulama ile anlatmayı düşündüm.

Elimden geldiği kadar kodları sadeleştirdim ama yinede benim için uzun ve zaman alıcı bir anlatım oldu.

Şimdilik sadece yönetim panelinde yazı ekleme, yazı silme ve yazı düzenleme seçenekleri mevcut. Zamanım olursa daha gelişmiş özellikleri de eklemeyi düşünüyorum

Demosunu yapmaya vaktim olmadı. Zaten demo yapıp veritabanını kullanıma açmam zor olur.

Aşağıda çeşitli başlıklar halinde anlatımlara bağlantılar verdim.

PHP Site Nasıl Yapılır Ana Sayfası: www.php-mysql.sitedefteri.net

Neden PHP

WampServer Kurulumu

Dreamweaver ile PHP site tanımlamak.

phpMyAdmin ile MySQL veritabanı ve tablolar oluşturmak

Yönetim Paneline Şifreli Giriş ve Veritabanı Bağlantısı Oluşturma

TinyMCE ile Yeni Yazı Sayfası Oluşturmak.

PHP ile MySql Veritabanına Bilgi Kaydetmek(insert).

PHP Yönetim Panelinde Kayıt Silme(delete) ve Düzenleme(update)

WP OnlyWire Auto Poster Eklentisi

İlk olarak OnlyWire sitesinden bahsetmek gerekir. Bu site 30 farklı sosyal imleme sitesinde içeriğin otomatik olarak yayınlanmasını sağlıyor. Bu sayede zamandan tasarruf ederek içeriğinizi otomatik olarak sosyal imleme sitelerinde yayınlayabilirsiniz. Bu eklenti yazılarınızı otomatik olarak onlywire.com’a gönderiyor. Bu sayede yazdığınız yazı birçok sosyal imleme sitesinde de yayınlanmış oluyor. 

Eklenti tankado tarafından başka bir eklentiden revize edilerek hazırlanmış.

OnlyWire toplu sosyal imleme sitesi hakkında bilgi.

WP OnlyWire Auto Poster Eklentisi.

Farklı Tarayıcılar için CSS

CSS ile yapılan tasarımlarda en büyük sıkıntı css kodlarının tarayıcılar tarafından farklı yorumlanmasıdır.

Bir web sitesi tasarlanırken farklı tarayıcılar ile bu web sitesi test edilmelidir. Hatta farklı tarayıcılar için farklı css sayfaları oluşturulup tarayıcıya göre o tarayıcıya özel css sayfası devreye sokulmalıdır.

Farklı tarayıcıya göre farklı css sayfası çağırmak için if yapısı kullanmak gerekir.

İlk olarak kullanıcının tarayıcısını öğrenip if veya case ile css çağırma işlemi yapılabilir diye düşündüm ama internette daha pratik gibi bir yöntem var.

Bu yöntem css sayfasının çağrılması sırasında if komutunun kullanılması. Herhangi bir dile gerek kalmadan html ile uygulanabilen bir yöntem.

Yazımı aşağıdaki gibi:

<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/tema/cssler/ie6-icin.css” />
<![endif]–>

Yukarıdai örnek internet explorer 6.0 tarayıcı için uygun css sayfasını çağrıyor.

Aşağıda bu konuda yardımcı olabilecek bir kaç link var.

Bu örnekte css sayfaları ve css’i kullanan sayfa tam olarak verilmiş.

Bu örnekte de biraz daha karmaşık bir if yapısı kullanılmış.

Not: if yapısı ile firefox tarayıcılar belirtilemiyor.

CSS Firefox ve İE Margin Top Özelliği

Aşağıdaki gibi bir kod yazıldığı zaman internet explorer ve Firefox bu css’i farklı yorumlamaktadır. Margin ile sayfanın üst tarafındaki boşluk 0 verilmesine rağmen Firefox üst tarafta boşluk bırakmaktadır.

body {
 background-image: url(resim/tema/zemin.gif);
 margin-top: 0;
 padding-top: 0;

}

Bunun nedeni firefox’un p taglarını internet explorer’a göre farklı yorumlaması ve bi miktar yükseklik vermesidir. Çözüm için p taglarını biçimlendiren ve etrafındaki genişliği sıfırlayan css eklenmelidir. Aşağıdaki kodlar css sayfasına eklenerek sorun çözülür.

P {
 margin:0 0 1em 0; margin: 0 0 1em 0;
 padding:0; padding: 0;
 }

TinyMCE ile Varsayılan Ayarları Değiştirmek

TinyMCE editör ile varsayılan yazı fontu ve yazı boyutunu değiştirebilirsiniz. Bunun için css klasörü içindeki content.css sitil sayfası kullanılır. Burada bulunan body etiketleri içinde varsayılan biçimlendirmeler vardır. font-family ile yazının fontunu, font-size ile yazının boyutu değiştirilebilir.