Ziyaretçilerimizi web sitemizde tutmak için elimizden geleni yapmamız gerekiyor. Dolayısı ile bunun için de türlü yöntem mevcut. Ben ise en sevdiğim bir ipucuyu paylaşıyor olacağım. Şöyle ki ziyaretçiniz web sitenizden başka bir sekmeye geçiş yaptığında, web sitenize ait sekmenin adını dilediğiniz gibi belirleyebilirsiniz. Bunu jQuery kullanarak yapacağız. Aşağıdaki örnek kodlar ve görsel ile daha iyi anlaşılacağına inandığım ipucunun anlatımına [...]

Birçok yeni nesil web sitesinde yükleme çubuğunu veya ilerleme çubuğunu görmüş olmalısınız. Bu özelliği en pratik olarak pace.js ile kullanabiliriz. Pace.js nedir? Pace.js, bir JavaScript uzantılı dosyadır ve içerisinde bir adet CSS dosyası barındırır. Web sitesine eklendiği zaman ise otomatik olarak çalışmaya başlar. Yani sayfa yüklenme durumunu gösteren bir nevi işaret çubuğudur diyebiliriz. Kullanımı ise çok basit. Aşağıdaki adımları izlemeniz ise bu yönde [...]

Blogger'da veya WordPress'te genellikle linklerin altında çizgi bulunur. Veya linkin üzerine gelince bir çizgi çıkar. Buraya kadar elbette bir problem yok ancak bazı webmaster'lar bu çizgiyi tercih etmemektedir. Dolayısı ile sadece CSS kullanarak linklerin altındaki çizgileri kaldırabiliriz. Aşağıdaki kodları temanızın CSS bölümüne eklemeniz ise bu yönde yeterli olacaktır. İlgili kodları dilediğiniz altyapı için kullanabilirsiniz, sorunsuz olarak çalışacağını [...]

Geçtiğimiz gün bir eklenti yazar iken, resmin üzerine gelindiği zaman direkt hover vermek üzerinde yoğunlaşmıştım. Bunu bildiğiniz gibi CSS ile yapabilmek mümkün. Ancak ben HTML ile daha basit bir yol arıyordum. Bu yolu Stack Overflow web sitesinde araştırma yaparken buldum ve sizlerle de paylaşmak istedim. Aşağıdaki kodu kullanarak yalnızca HTML ile resimlere hover verebilirsiniz. Aşağıdaki kodu doğru kullandığınızdan emin olursanız, problemsiz [...]

Geçtiğimiz dönemlerde hem Blogger için, hem de WordPress için 125x125 banner alanı oluşturmayı anlatmıştık. Şimdi ise alternatif olarak tekrar bu konuyu işliyor olacağız. Daha temiz kodlar ve görseller ile reklam alanımız daha profesyonel bir görünüm sunacak. Bu reklam alanlarını blogunuzda, web sitenizde veya forumunuzda v.b. her yerde kullanabilirsiniz. Aşağıdaki kodları dilediğiniz bölüme entegre etmeniz yeterli olacaktır. Umarız [...]

jQuery kullanarak harikalar yaratmak imkânsız değil. Bu zamana kadar sizlerle birçok alternatif tab menü paylaşımında bulunduk. Ancak şimdi ise jQuery kullanılarak yapılmış olan en iyi tab menü eklentisini paylaşıyor olacağım. Gerekli tüm düzenlemeler tarafımca yapıldı. Ancak dilerseniz elbette CSS kodunu dilediğiniz gibi özelleştirebilirsiniz. Aşağıdaki kodları Blogger'da veya WordPress'te de kullanabilirsiniz. Dilerseniz hemen ilgili kodlara [...]

Zaman zaman bir div içerisine tüm yazıyı eklemek istemeyiz. Yani çok uzun yazılardan sonra üç nokta ekleyerek, bu yazının devamı var demek isteyebiliriz. Bunu JavaScript kullanarak da yapabilmek mümkündür. Ancak sizlere bunu CSS ile de yapabileceğinizi söylesem, ne dersiniz? Evet, bu işlemi yalnızca CSS kullanarak da yapabilmekteyiz. Uzun yazılarınızın sonuna üç nokta koymak istiyorsanız, aşağıdaki örneği [...]

Bazı web sitelerinde görmüş olmalısınız. Banner reklam alanları her sayfa yenilendiğinde değişebilmektedir. Bunu nasıl yapabileceğinizi biliyor musunuz peki? Aslında çok kolay. Yani JavaScript kullanarak dilediğimiz banner sayısınca bu işlemi gerçekleştirebiliriz. Aşağıdaki kodu Blogger veya WordPress fark etmeksizin kullanabilirsiniz. Kırmızı alanları ise kendinize göre değiştirmeyi lütfen unutmayın. Bu tip bir kod arayanlar için yararlı bir paylaşım [...]

Web sitemizin hızlı olması, günümüz İnternet koşullarında oldukça önemli. Yani ziyaretçilerin daha hızlı bir gezinti deneyimi yaşaması için efor sarf etmemiz gerekiyor. Bunun için birçok webmaster aracı söz konusu. Ancak birçok kişinin atladığı nokta, görsellerin boyutları olsa gerek. Web sitenize görsel yüklemeden önce TinyPNG ile küçültürek, web sitenizin daha da hızlı olmasını sağlayabilirsiniz. Servis tamamen ücretsiz ve oldukça kolay bir kullanıma sahip. Mutlaka [...]

Web sitemizdeki içeriklerin paylaşılabilir olması çok önemli. Bunun için manuel olarak da sosyal medya butonları eklemek mümkün. Ancak gerek analiz özelliği ile, gerek kolay kullanımı ile AddThis servisini kullanmamak için hiçbir geçerli sebep yok gibi görünüyor. AddThis'i kullanarak yazılarınız için paylaşım butonları ekleyebileceğiniz gibi, bu butonları dilediğiniz gibi de özelleştirebilmektesiniz. Tamamen ücretsiz ve kullanımı kolay bir servis. Aşağıdaki bağlantı [...]