“Which loads faster” adındaki bu yararlı websitesi ile iki siteyi açılma hızları konusunda karşılaştırabilir ve hangisinin daha hızlı açıldığını öğrenebilirsiniz. Ziyaretçilerilerinizin sitenizde daha fazla vakit geçirmesini istiyorsanız, hız konusunda daha duyarlı olmalısınız. Aynı kategoride bulunan iki siteyi ele aldığımızda bunlardan hangisi daha hızlı ise yarışı o site kazanır. Çünkü ziyaretçilerin hiçbir zaman boşa kaybedecek zamanı yoktur ve her şey bir tıka bağlıdır. Which Loads Faster'ı daha iyi anlatmak için bir örneğe başvuralım. url.ac ile bit.ly adreslerini karşılaştırıp bir ekran görüntüsü aldım. Aşağıdaki resimde url.ac’ın yarışı kazandığını görebiliyoruz: Sosyal medya için paylaşma özelliği bulunan bu uygulama ile “Share This” tuşuna basarak aşağıdaki gibi bir link alabilir ve

Merhaba arkadaşlar. Bu yazımda sizinle 10 adet ücretsiz chat uygulaması paylaşacağım. Bu paylaştığım uygulamalar ile websitenizi daha interaktif ve eğlenceli hale getirebilirsiniz. Kullanıcılarınız bu uygulamalar sayesinde birbirleriyle veya sizinle sohbet edebilir ve websitenizde daha eğlenceli ve daha fazla vakit geçirebilirler. Ki zaten bütün webmastlerında istediği budur. Neyse lafı fazla uzatmıyorum ve hemen o ücretsiz chat uygulamalarına geçiyorum. İşte o işinize yarayabilecek 10 adet ücretsiz chat uygulaması: 1. Chatango 2. Meboo.me 3. JWChat 4. CBox 5. Mibew Web Messenger 6. AjaxChat : WordPress İçin 7. AJAX Chat 8. phpFreeChat 9. iJab 10. Ajax

DMCA Creative Commons gibi bir website içerik koruma sistemidir. DMCA ile içeriğinizi içerik hırsızlarına karşı koruyabilirsiniz. Servis tamamen ücretsiz olarak hizmet vermektedir. Üye olan herkesin bir adet takedown hakkı bulunmaktadır. Peki takedown nedir?: Takedown kabaca indirmek anlamına gelir. Bunun anlamı ise içeriğinizi çalan siteden yazılarınızı sildirmek veya bu sitenin arama motorlarından çıkartılmasını sağlamaktır. Dediğim gibi üye olan herkesin bir adet takedown hakkı bulunmaktadır. Daha sonra her takedown için ise 99 dolar gibi bir ücret ödemek zorundasınız. Tabi isterseniz. Hemen DMCA’ya kayıt olmak için buraya tıklayınız. Kayıt olup giriş yaptıktan sonra “My Protected Pages” menüsünden “Add Protected Page” menüsüne tıklayınız. Bu sayfada beğendiğiniz herhangi bir DMCA logosunun kodunu websitenize yerleştiriniz. Bu noktadan sonra

Web tasarıma yeni başlayan tasarımcıların en çok sorduğu sorulardan biride div id ve class arasındaki temel farkın ne olduğudur. Aslında aralarındaki fark çok basittir. Div id ve class işlevsel olarak tamamen aynı görevi görürler. Ancak yinede aralarında bir fark vardır ve bu farkı oluşturanda XHTML kuralları oluyor. Bildiğiniz gibi XHTML kuralları büyük bir düzen gerektiriyor. Bu XHTML kurallarına göre ise id ve class’ın kullanım alanlarında farklılıklar doğuyor. Peki nedir aralarındaki bu farklar? Div id ve class’ın etkileri tamamen aynıdır. Ancak XHMTL kurallarına göre kullanım alanları farklı olmalıdır. Div id bir sayfada belli bir bütünü biçimlendirir ve bu bütün için sayfada bir defa kullanılmalıdır. Bu div id bu bütünün ayrıcalığını belirtmelidir. Örnek olarak header kısmının bütününde, sidebar kısmının bütününde gibi. Div

“SEO nedir? Ne işe yarar?” başlıklı yazımda size SEO’nun ne olduğundan kısaca bahsetmiştim. Şimdi sıra SEO‘yu nasıl yaparız ona geldi. İlk olarak dünyanın en popüler blog sistemi olan WordPress ile başlıyacağız. Bu yazımda size WordPress’de bağlantı ayarlarını nasıl yaparız?, Kullanmamız gereken eklentiler nelerdir? ve Ping servislerini nasıl kullanırız? gibi soruların cevabını vereceğim. Neyse lafı fazla uzatmadan yazımıza geçelim. 1- Kalıcı Bağlantılar Ayarlarımızı Yapmak WordPress’de SEO yapmaya kalıcı bağlantılarımızın ayarlarını değiştirerek başlıyoruz. Kalıcı bağlantı ayarlarını yapmak için yönetici panelimizden “Ayarlar” menüsünden “Kalıcı Bağlantılar” menüsüne giriyoruz. Google’da üst sıralarda çıkabilmemiz için yazılarımızın bağlantılarında yazımızın başlığının geçmesi bize yarar sağlayacaktır. Çünkü Google sıralamayı

SEO ingilizcede “Search Engine Optimization” kelimelerinin baş harflarinden oluşan bir kısaltmadır. Türkçedeki anlamı “Arama Motoru Optimizasyonu” dur. SEO’nun temel amacı, arama motorlarında web sitesini istenilen kelimelerde üst sıralarda çıkarmaya çalışmaktır. Bu şekilde tanıttığınız ürün veya hizmet ettiğiniz alan ile ilgilenen büyük bir kitleyi web sitenize çekmiş olursunuz.   SEO, Google’ın kullanımının yaygınlaşması ile birlikte ortaya çıkmıştır. Hergün milyonlarca kişi google üzerinden aramalar yapmaktadır ve web sitelerine ulaşmaktadırlar. Örnek olarak ucuz bir araba satın almak isteyen kişi google’da “ucuz araba” veya “ucuz araba satın al” gibi aramalar yapacak ve çıkan sonuçlardan ilk sayfada, özellikle birinci sırada olan sonuca tıklayacak ve alakalı siteye gidecektir. Ve bir ihtimal bu siteden bir

Code Beautifier adındaki bu küçük ama kullanışlı aracın asıl amacı CSS dosyanızdaki gereksiz ve uzun karakterleri, CSS dosyanızın işlevini değiştirmeden tekrar düzenler ve CSS dosyanızın boyutunu olabildiği kadar küçültür. Bu sayede boyutu küçülmüş olan CSS dosyanız ziyaretçileriniz tarafından arka planda daha hızlı indirilir ve web siteniz çok daha hızlı açılıp işlenir. Code Beautifier ile düzenlemek istediğiniz CSS dosyasını ister direk yapıştırabilir, isterseniz bir url adresinden aldırabilirsiniz. Bu işlemi yaptıktan sonra yan menüde bulunan özellikleri kendi kişisel isteğinize göre düzenleyebilir ve PROCESS CSS diyerek işleme başlayabilirsiniz. Code Beautifier işlem sonunda CSS dosyanızın daha önce nekadar boyutta olduğunu ve şimdi nekadar düştüğünü, hangi değişiklikleri yaptığını bir liste halinde size sunacaktır. Webmasterlar için

Merhaba arkadaşlar. Bildiğiniz üzere WordPress’de, etiket sayfalarında keyword ve description meta tag’ları tanımlı olarak gelmiyor. All in One SEO gibi popüler wordpress SEO eklentileride malasef bize böyle bir özellik sunmuyor. Bu gibi durumlarda yine kendi işimizi kendimiz halletmek durumunda kalıyoruz. İşte size bu yazımda WordPress’de etiket sayfalarında nasıl keyword ve description meta tag’larını ekleyebiliriz, bunu anlatacağım. Kimilerine göre etiket sayfalarında keyword ve description meta tag’larını kullanmak saçma gelebilir. Ancak kullanmanın hiçbir zararı yoktur. Hatta aksine faydası vardır. Sonuçta bu meta tag’ları kullanmamızın asıl nedeni; Web sitemizin sayfalarını arama motolarına daha iyi tanıtabilmektir. Bu tag’lar sayesinde Google gibi arama motorları o sayfanın ne ile alakalı olduğunu daha rahat anlayacaklardır ve aramalarda daha alakalı sonuçlar çıkartmak

Çoğu zaman düz bir yazıdan ziyade küçük bir ikon herşeyi anlatır. Çünkü insanlar görselleri severler ve görüntüler ile birşeyi daha rahat anlarlar. Bu yüzden web tasarımcıları tasarladıkları sitede bazı şeyleri anlatmak için ikonları kullanmayı tercih eder. Bu yazımda sizlere Preloaders.net adlı bu küçük ama kullanışlı web sitesinden bahsedeceğim. Eğer sizde web sitenizde yükleniyor yazısı yerine bir görsel kullanmak istiyorsanız;  Bu web sitesi ile birbirinden güzel “yükleniyor” ikonları oluşturabilirsiniz. Preloaders.net, birçok kategoride birbirinden güzel animasyonlu yükleniyor ikonu barındırmakta. Gif formatında oluşturabileceğiniz bu hareketli ikonları kendi kişisel zevkiniz doğrultusunda özelleştirebiliyorsunuz. Kategoriler içerisinde seçtiğiniz ikonun rengini, arkaplan rengini, transparanlığını, hızını ve

Genellikle yazıları okurken nerde kaldığımı işaretlemek için veya daha rahat okuyabilmek için yazıyı seçerek okurum. Bu şekilde çok daha rahat yazıyı takip edebiliyorum. Yazıları seçerken normalde seçim renkleri tarayıcının standart renklerdir. Ancak bu renkleri isterseniz CSS’ye ekleyeceğiniz bir kaç satır kod ile değiştirebilirsiniz. Bu şekilde hem web sitenizde renklerde uyumluluk sağlamış olursunuz hemde ziyaretçilerinizin daha renkli bir seçim yapabilmelerini sağlarsınız. Peki nasıl yaparız bunu hemen anlatayım. Kodlama iki kısımdan oluşuyor. Birinci kısımda firefox için seçimi tanımlıyoruz, ikinci kısımda ise CSS3 ile birlikte gelen normal kodlamayı yazıyoruz. ::-moz-selection { background: #336699; color: #FFFFFF; } ::selection { background: #336699; color: #FFF; } a::-moz-selection { background: #333; color: #FFFFFF; } a::selection { background: #333; color: