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 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 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 125x125 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 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 [...]

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

Bu zamana kadar gerek JavaScript ile gerek jQuery kullanarak yukarı çık butonu yapmayı anlatmıştık. Şimdi ise Blogger için çok sade bir tasarıma sahip olan ve saf JavaScript kullanılarak hazırlanmış olan bir yukarı çık butonu daha paylaşıyor olacağız. Tasarımı elbette dilediğiniz gibi değiştirebilirsiniz. Aşağıdaki kodları ise HTML/JavaScript Ekle bölümüne veya direkt temanızın içerisinde istediğiniz alana ekleyebilirsiniz. Kodu sidebar bölümüne eklemenizi [...]

Blogger için otomatik devamını oku eklentisi yönünde birçok paylaşım var İnternet üzerinde. Ancak ben sürekli jQuery kullanarak devamını oku özelliğini kullanmak yerine, Blogger'ın kendi yapısını kullanarak da devamını oku özelliğini kullanmayı tercih ederim. En azından sayfa yenilendiğinde daha hızlı ve sorunsuz bir görüntü ortaya çıkacaktır. Blogger'da otomatik devamını oku yapmak istiyorsanız, aşağıdaki kodları kullanmanız yeterli [...]

Bilirsiniz, kategori (etiket) listesi sayfanın aşağısına kadar gider, eğer ki çok fazla ise. Bu yüzden etiketleri ne zamandır açılır bir menüde toplamayı düşünüyor idim. Bunun için, yeni nesil birçok tarayıcı ile uyumlu olan ve mükemmel olarak tanımlayabileceğim Blogger için güzel bir eklenti geliştirmeye çalıştım. Aslında bu eklenti, oldukça farklı düşünceler ile şekillendirilebilir. Ancak ben açılır menüde, otomatik olarak etiketleri listeleme şeklinde hazırladım. Dilerseniz, istediğiniz [...]

Bilirsiniz, bazı sitelerde şöyle bir durum vardır. Yazı sola yaslı, reklam ise yazının sağına yaslı. Ancak bu gibi durumlarda yazının içerisindeki ilk resim ortada kalabalık bir görüntü oluşturur. Bunu düşündüm ve Blogger'da nasıl yapılabileceği yönünde birtakım jQuery kodları buldum. Ancak ben bunu sadece CSS ile de yapmayı başardım. Eğer ki yazı içerisindeki ilk resmi gizlemek (kaldırmak) istiyorsanız, temanızın CSS kodları içerisine aşağıdaki [...]