Her web sitesinde bir footer (en alt bölüm) bulunmaktadır. Dolayısı ile Blogger'dan oluşturduğunuz blogunuzda da bu alan mevcut. Peki, footer alanını ortalamak nasıl yapılır, bunu biliyor musunuz? Şu sıralar Blogger'da responsive tasarım oluşturmaya çalıştığım için, birçok konuya hâkim olmam gerekiyor. Bu yüzden çözdüğüm sorunları da ne olursa olsun, sizlerle paylaşmaya çalışıyorum. Sonuç olarak, Blogger'da footer alanını ortalamak istiyorsanız, aşağıdaki [...]
Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.
Blogger'da Footer Alanını Ortalama Nasıl Yapılır?
Blogger için Açılır / Kapanır Etiket Listesi
Blogger için açılır etiket listesi ile ilgili geçtiğimiz günlerde bir içerik paylaşmıştım sizlerle. Şimdi ise daha farklı bir yöntem kullanılarak hazırlanmış olan ve neredeyse tüm tarayıcılar ile uyumlu olan bir açılır / kapanır etiket listesi eklentisi daha paylaşmak istiyorum. Eğer sitenizdeki etiketlerinizi direkt göstermek yerine, açılır / kapanır şeklinde çalıştırmak istiyorsanız, bu basit bir işlemdir. Aşağıdaki kodları temanızın sidebar alanına eklemeniz yeterli olacaktır. Hepsi bu [...]
Sitenizin Responsive Olup Olmadığını Kontrol Edin
Web sitemizin tüm mobil, tablet v.b. gibi cihazlarla uyumlu olması için, responsive bir tasarıma ihtiyaç duyarız. Ancak responsive bir tema oluşturduktan sonra, elimizde tüm farklı cihazlardan kontrol edebilecek imkân olmayabilir. Yani bu cihazların hepsine sahip olamayabiliriz. Bunun için ise geliştirilen birçok uygulama mevcut. Responsinator adlı web sitesine girdikten sonra, sitenizin adresini yazın ve ilerleyin. Sitenizin responsive olup olmadığını rahatlıkla kontrol etmeye [...]
Mobil Web Sitenizin Hızını Ölçümleyin
Mobil cihazlar günümüzde çok fazla kullanılmaktadır. Bu yüzden web sitenizin her türlü cihaz ile uyumlu (responsive) olması önem arz etmektedir. Bunun için Google'ın test amaçlı geliştirdiği birçok ücretsiz araç mevcut. Web sitenizin mobil versiyonuna ait mevcut performansı ve hız oranını ölçümlemek için de bir uygulaması var Google'ın. Buraya tıklayarak ilgili web sitesine gidebilir ve sitenizin adresini yazarak ilerleyebilirsiniz. Ardından web sitenizin [...]
Google Fonts Nedir? Ne İşe Yarar?
Google'ın birçok ücretsiz uygulaması var. Bunlardan birisi de Google Fonts. Bizlere sitelerimizde dilediğimiz fontu kolay bir şekilde kullanabilmemize olanak tanıyan Google Fonts üzerinde yüzlerce ücretsiz font mevcut. Bu fontlardan dilediğinizi seçin ve sitenize ekleyin. Ardından hemen kullanmaya başlayabiliyorsunuz. Eğer klasik fontlardan sıkıldıysanız, Google Fonts'u ziyaret etmenizi tavsiye ederim. Çok güzel, minimal birçok font [...]
Blogger'da Resimlere Gölge Ekleme Nasıl Yapılır?
Blogger'da resimleri yuvarlama ile ilgili burada bir anlatım yapmıştık. Şimdi ise resimlere gölge efekti vermek ile ilgili bir kod paylaşıyor olacağım sizlerle. Daha profesyonel ve sağlıklı bir görünüm elde edebilmek adına, resimlerinizin çevresine gölge efekti ekleyebilirsiniz. Bunun için ise, aşağıdaki kodu görselinize ait div kodunun içerisine eklemeniz yeterli olacaktır. Elbette, ilgili gölge miktarını değiştirmek için mevcut pikselleri kendinize [...]
Blogger için Responsive Facebook Beğen Butonu Yapımı
Blogger ile ilgili Responsive uyumlu etkentiler paylaşmaya devam ediyoruz. Geçtiğimiz içeriklerimizi incelemek için buraya tıklayabilirsiniz. Konumuza dönecek olursak, responsive bir tema kullanıyorsanız, sitenizdeki her şeyin responsive olmasına dikkat etmelisiniz. Örneğin, Facebook beğen butonu. Yazılarınızda bulunan beğen butonunu nasıl responsive yapabileceğinizi biliyor musunuz? Aşağıdaki kodu temanızın yazı bölümüne eklemeniz yeterli olacaktır. %100 responsive [...]
Blogger'da Sayfa Linklerini Ortalama Nasıl Yapılır?
Blogger'da sayfa linklerini ortalamak isteyebilirsiniz. Yani üst menüde yer alan ve PageList olarak da bilinen bu sayfaları solda değil de, tam ortada görmek isteyebilirsiniz. Bunun için yapılması gereken birkaç tane alternatif kod bulunuyor. Ancak ben sizlere en kısa ve kalıcı çözümü iletiyor olacağım. Aşağıdaki kodu değiştirmeden temanızın CSS bölümüne eklemeniz durumunda, sayfa linkleri ortalanmış olacaktır. Başka bir kod eklemenize de, düzenlemenize de [...]
Blogger'da Resimleri Yuvarlama Nasıl Yapılır?
Blogger ile ilgili derslerimize ara vermeden devam ediyoruz. Bu dersimizde işleyeceğimiz konumuz, yuvarlak kenarlar. CSS'de "border radius" olarak da bilinen yuvarlak (yumuşak / oval) kenarlar oldukça güzel bir görüntü ortaya çıkarıyor. Blogger'da da dilerseniz resimlerin çevresini yuvarlak yapabilirsiniz. Bunun için ise aşağıdaki kodu, görsel kodunuzun içerisine eklemeniz yeterli olacaktır. Arzu ederseniz mevcut yuvarlık oranını pikselleri değiştirerek [...]