Kategori Listesini Göster

Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.

İLGİLİ YAZILAR

Blogger için Renkli ve Açıklamalı Son Yazılar Eklentisi

Blogger için Renkli ve Açıklamalı Son Yazılar EklentisiWeb sitemizde ziyaretçilerimizin daha çok vakit geçirmesi adına almamız gereken birtakım aksiyonlar olabilmektedir. Örneğin benzer yazılar eklentisi veya son yazılar eklentisi bunlardan yalnızca birkaçı. Ben de dikkat çekici olması açısından renk skalasını düşünürken çok uğraştığım bir son yazılar eklentisi paylaşıyor olacağım sizlerle. Aşağıdaki kodları, kırmızı alanı kendinize göre değiştirerek, HTML/JavaScript Ekle bölümüne ekleyerek hemen [...]

Blogger’da Footer Alanını Ortalama Nasıl Yapılır?

Blogger'da Footer Alanını Ortalama Nasıl Yapılır?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 [...]

Blogger için Açılır / Kapanır Etiket Listesi

Blogger için Açılır / Kapanır Etiket ListesiBlogger 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 [...]

Blogger’da Resimlere Gölge Ekleme Nasıl Yapılır?

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 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 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'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 [...]

Blogger için Responsive Reklam Alanı Yapımı

Blogger için Responsive Reklam Alanı YapımıBlogger için 125×125 banner alanları oluşturmak çok kolay. Ancak responsive reklam alanı oluşturmak daha iyi bir tercih olacaktır. Çünkü özellikle temanız da responsive ise, daha uyumlu bir görüntü ortaya çıkacaktır. Aşağıdaki kodları temanızın sidebar bölümüne eklemeniz ise, bu yönde yeterli olacaktır. Sadece kırmızı bağlantı alanlarını değiştirmeniz ve dilerseniz banner görsellerini değiştirmeniz haricinde ek bir uygulamaya gerek bulunmuyor. Faydalı [...]

Blogger için Responsive Sosyal Medya Butonları Yapımı

Blogger için Responsive Sosyal Medya Butonları YapımıBlogger için düzenlediğim veya oluşturduğum Responsive uyumlu eklentileri sizlerle paylaşmaya devam ediyorum. Şimdi ise, responsive sosyal medya butonları paylaşıyor olacağım. Aşağıdaki kodları sidebar’ınıza ekleyerek, %100 Responsive uyumlu sosyal medya butonları elde edebilirsiniz. Sadece sosyal medya hesaplarınızın adreslerini değiştirmeniz yeterli olacak olup, farklı bir kodu değiştirmenize ise gerek [...]

Blogger için Responsive Arama Kutusu Yapımı

Blogger için Responsive Arama Kutusu YapımıGünümüzde Responsive (mobil uyumlu) tasarım oldukça önem arz ediyor. Ben de bu sıralar bu kavram ile yakından ilgiliyim. Bu yüzden sizlerle Responsive olarak hazırladığım, düzenlediğim ne varsa paylaşmaya çalışıyorum. Gelelim konumuza. Blogger için geliştirilen birçok arama kutusu eklentisi var. Ancak eğer temanız Responsive ise, arama kutusu da Responsive olabilir. Aşağıdaki kodları sitenize ekleyerek, siteniz için %100 Responsive uyumlu bir [...]