Web sitesi yaparken zorunlu olarak kullandığımız , tablolar kaymasın diye heryere yerleştirdiğimiz spacer.gif ten kurtulmak çok kolay. Küçük bir css kod ile spacer.gif derdine son;
| <spacer type=”block” width=”233″ height=”15″> |
Bu sayede tarayıcı gereksiz yer boş bi resmi yüklemeyerek zamandan ve güçten size tasarruf sağlayacaktır.
Bu arada spacer.gifi bulan David Siegel’den özür dileyerek yazımı sonlandırıyorum ….
Bu scriptle Html veya text içerikli dosyaların kodlarında değişiklik yapabilirsiniz.index.php ve dizinoku.php dosyalarının oldugu dizine bir klasör olusturarak html dosyalarınızı bu klasöre atınız.Sınırsız dosya değiştirebilirsiniz. Script hostunuzda çalıtırılabilir.
örnek olarak <title>Armut Sitesi</title> titlesini aynı klasördeki veya farklı klasörlerdeki html dosyaları içinden değiştirerek <title>Elma Sitesi</title> yapabilirsiniz. İndirmek için tıklayın.
Drop down menüler şu sıralar daha sık kullanılmaya başlandı. Belki sizlerde kendi çalışmalarınıza bu güzel menüleri kullanmak isteyebilirsiniz. Bence kullanmak istemekte gayet haklısınız çünkü bu menüler flash menüler gibi hareketli ve etkileyici görünümlere sahipler.Kendi merkezinden indirmek için buraya tıklayınız.
CSS tabanlı çalışmalarımı devam ettiriyorum. Bu aralar biraz yoğun olduğum için blogumda pek ilgilenemiyor ve çalışmalarımda biraz aksaklık yaşıyorum. En kısa sürede işleri yoluna koyup paylaşmaya devam edeceğim.
Şimdiye kadar hiç oturupda kod yazark kendi tarzınıza bir CSS menü oluşturdunuz mu? Yoksa her defasında başkalarının yaptığı hazır CSS menüleri ya da hazır sistemleri mi kullandınız? Bence şimdiye kadar hazır şeylerden faydalandıysanız bu yazıyı okumaya devam etmenizi öneririm. Oldukça basit bir mantıkta ve basit kodlar ile çok hoş bir CSS menü hazırlanmış.
Buradaki yazıda da belirtildiği gibi bu CSS menüyü istediğiniz gibi değiştirerek (özelleştirerek) kullanabilirsiniz. Oldukça hoş butonlar… Şimdi bu butonların kodlarını biraz inceleyelim. Yazının sonundan da ilgili butonları bilgisayarınıza indirerek kendinizde inceleyebilirsiniz.
Çalışma tek bir HTML sayfasından oluştuğu için bende bu sayfa içerisindeki kodlar hakkında kısa kısa bilgiler vererek sizin daha iyi anlamanızı sağlayacağım. Kodları açıklamaya başlayalım.
body{
font-family:”Lucida Grande”, “Lucida Sans Unicode”, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
Yukarıdaki kodlar HTML sayfası içeriğinin genel yapısını tanımlayan CSS kodlarıdır.
a.button{
background:url(img/button.gif);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}
Bu kodlar sayfa içerisindeki butonların ortak özelliklerinin belirtildiği CSS kodlarıdır. Bu kodlar içerisinde butonların arkaplan resimi, yüksekliği, genişliği, hover halindeki tarzı vs. belirlenmiş.
.add{
background:url(img/add.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.delete{
background:url(img/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.user{
background:url(img/user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.alert{
background:url(img/alert.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.msg{
background:url(img/msg.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.download{
background:url(img/download.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}.lens{
background:url(img/lens.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.info{
background:url(img/info.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
Bu kodlar butonlarımızın adeta bel kemiğini oluşturuyor. Bu kodlar sayesinde uyarı, download, ekleme, silme vs. bütün butonları ayarlıyoruz. Mesela .download içerisindeki kodlar ile download butonun yapısını oluşturuyoruz.
Bu güzel butonların kendi sayfası burası. Kendi bölgesinden indirmek için buraya tıklayabilirsiniz.
Google’ın web site yöneticilerine sağlamış olduğu en büyük nimetlerden biriside hiç şüphesiz Google Web Yöneticisi Merkezi hizmeti… Google’ın sağlamış olduğu bu hizmet içerisinde neler var?
Site durumu sihirbazı: Sitenizin Google tarafından indexlenip indexlenmediğini kontrol edebilirsiniz. Ayrıca Google botunun sitenize en son hangi tarihte uğradığınıda öğrenebilirsiniz.
Site yöneticisi araçları: Bu bölümde sitenizin Google tarafından iyice indexlenip arama motorunda ilk sıralarda çıkabilmesi için sizin hazırladığınız site haritası kullanılır. Google’a site haritanızı göndererek sitenizin indexlenmesine katkıda bulunabilirsiniz.
İçeriğinizi Google’a gönderin: Site haritası ekleyerek sitenizi Google’a tanıtabilrsiniz ancak bazen yeni eklenen içerikleri Google’ın almaması gibi sonuçlar oluştuğu sırada bu aracı kullanabilir ve yeni yazınızın url adresini Google’a gönderebilirsiniz. Bu alan içerisinde aynı zamanda Google’a videoda gönderebilirsiniz.
Site yöneticileri için Google blogu: Google’ın blogger altyapılı bir site yöneticileri blogudur. İçeriği ingilizce olarak yayınlanmaktadır. Webmaster Blog Merkezi olarak adlandırılıyor.
Site yöneticileri için Google’ın tartışma grubu: Google’ın siten yöneticileri için hazırlamış olduğu bilgi alışverişinin yapıldığı bir platform olan bu alanda tartışmalara katılabilir veya sadece siteden bilgi edinebilirsiniz. Bu bölüm Türkçe olarak kullanılabilmektedir.
Site Yöneticisi yardım merkezi: Bu alanda adındanda anlaşılacağı gibi site yöneticileri yardım merkezi olarak kurulmuş bir platform. Google hakkında her türlü soru ve sorunlarınıza cevap bulabileceğiniz bir yer olarak hazırlanmış.
Google webmaster araçlar sayfasına buradan ulaşabilirsiniz.
Vb 6 ile uğraşan arkadaşların çogunun elinde bulunan bir kod bankası.Boyutu 2.82 MB fakat aradğınız herşey var için de örneklerle açıklanmış ve türkçe.
Vb net e geçmeden önce vb 6 ile daha basit ve hızlı işler çıkartmak isteyen arkadaşlara duyurulur bu bankayı mutlaka indirin.
Vb 6 kod bankası indirmek için tıklayın
Linux hosting sahibi olmayan arkadaşların çoğu için seo (arama motorları için optimizasyon) olayı bir problemdir.Bu sorunu windows sunucuda halletmenin tek yolunun hata sayfalarını kullanarak (404) oldugu söylenir.
Size anlatacağım yöntemin basitliği ve kullanımının htaccess ‘e çok yakın olması işinize çok yarayacak.İlk önce buradan gerekli olan dosyayı indirin. İndirdiğiniz bu dosyanın içinde bir dll ve bir ini dosyası var.
Yapacağımız işlem şu ;
ilk önce masaüstünden bilgisayarıma sağ tıklayıp yönet diyoruz. Servislerden iis yi buluyoruz.Burada sıralı veb sitelerimizin hangisinde seo yapacaksak ona sağ tıklayıp özellikler diyoruz. İsapi Filters tabına gelip ekle (Add) diyoruz. Gözat kısmından IsapiRewrite4.dll yi seçip isim kısmına Ionic Rewriter yazıp tamam diyoruz. Şimdi sitemiz htaccess gibi bir ini dosyası kullanmamız için hazır.
Dikkat edilmesi gerekenler ;
IsapiRewrite4.dll ve IsapiRewrite4.ini aynı klasörde olmalı.
Dll ismi neyse ini ismide onunla aynı olmalı.
htaccess dosyamızı direk kullnamayız ,
Yönlendirme öncesinde / koymayı unutmuyoruz.
RewriteRule ^/tr/([^/]+)/([^/]+).html$ /sayfa.php?id=$1&sayfa=$2 [L] burada gördüğümüz gibi sayfa.php den önce / kullandık.
htaccess dosyamızın içeriğini kopyalayıp ini doyamıza yapıştırdık / işaretlerini koyduk ve sitemiz hazır güle güle kullanın.
Not:Bu dll ücretsizdir ve hiç bir lisans problemi yoktur.
Burada anlattığımız dll yöntemini kullanarak asp ile .html uzantılı perma linkler oluşturulıp google ve diğer arama motorlarının indexlemesine uygun siteler haline getirilebilir.Bu yöntem htaccese çok yakındır.404 sayfaları kullanılmadan istenilen rewrite yönlendirilmesi bir ini dosyası ve bir dll dosyasını tanıtarak yapabilirsiniz.Hata sayfalarından daha kolay ve daha performanslı bu yöntemi deneyin.