Blogger'da bir devamını oku eklentisi kullanıyorsanız, muhtemelen thumbnail da içeriyordur. Ancak eğer ki thumbnail içermiyor ise, sizin manuel olarak thumbnail'i göstermeniz gerekecektir. Bu sefer de, thumbnail varsayılan boyutları (72x72) olduğu için ister istemez büyük görüntülerde kalite kaybı yaşanacaktır. Bu gibi durumların önüne geçmek için, Blogger'a ait "resizeImage" parametresini kullanacağız. Aşağıdaki örnek kullanım şeklini inceleyebilir, dilediğiniz [...]

Blogger için birçok responsive eklenti paylaşımında bulunmuştum sizler için. Şimdi ise Blogger'da tüm resimleri responsive yapmak, nasıl oluyor bu konuyu öğreniyor olacağız. Her görseli tek tek responsive yapmak yorucu olabilir. Dolayısı ile buna otomatik bir çözüm getirmek gerekiyor. Bunun için ise aşağıdaki kodu, temanızın CSS bölümüne eklemeniz yeterli olacaktır. Böylelikle blogunuzdaki tüm görseller, otomatik olarak farklı çözünürlüklerde [...]

Bir önceki içeriğimizde otomatik devamını oku eklentisini paylaşmıştım sizlerle. Şimdi ise otomatik thumbnail çekebilmek için gerekli olan kodu paylaşıyor olacağım. Aşağıdaki kodu, temanızın görünmesini istediğiniz (ana sayfa v.b. gibi) sayfasına eklemeniz yeterli olacaktır. Bu şekilde, eklediğiniz görsel, otomatik bir şekilde thumbnail olarak çekilecektir ve bunu CSS ile biçimlendirebilirsiniz. Ben sizlerle, sorunsuz olan bir kodu paylaşıyor olacağım. Umarım [...]

Blogger ile ilgili içeriklerimize devam ediyoruz. Bugün sizlerle thumbnail (ana görsel) içermeyen ancak sadece içerik bazında belirli bir yerden kesinti yapan ve oldukça hızlı çalışan bir devamını oku eklentisi paylaşıyor olacağım. Blogger'da devamını oku özelliği arıyorsanız, aşağıdaki kodları kullanabilirsiniz. Ancak unutmayın, bu sadece metin bazında kesinti yapan bir eklenti. Yani thumbnail söz konusu değil. Ancak merak etmeyin, onu da diğer yazımda [...]

Bazı sitelerde görmüş olmalısınız. Yazı başlıkları alt satıra geçmez ve satır sonu ise "..." şeklinde bir noktalama işareti ile biter. Linke tıkladığınız zaman ise yazı başlığının tamamını görebilirsiniz. Peki, bu yöntemi Blogger'da nasıl uygulayabiliriz? Daha doğrusu bu yöntemi sadece yazı başlıklarında nasıl yapabiliriz? Çok kolay. Sadece CSS kullanarak, yazı başlıklarının alt satıra geçmesini engelleyebiliriz. Blogger'da ise bunu yapabilmek için aşağıdaki kodu [...]

Geçtiğimiz günlerde sizler için Blogger'a uygun birçok Responsive eklenti paylaşımında bulunmuştum. Bu eklentilerin Responsive olmasının yanı sıra, en önemli nokta ise temanızın Responsive olmasıdır. Şuna inanın, Responsive bir tema oluşturmak (sıfırdan) zahmetli bir iş. Bu yüzden ücretsiz temalara göz atabilirsiniz. Ancak bilginiz var ise, aşağıdaki temel mantık çerçevesinde mevcut temanızı Responsive yapmaya başlayabilirsiniz. Umarım faydalı [...]

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

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