Bu sitedeki her şey Sevgi ile kodlanmıştır.

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 Tam Otomatik Devamını Oku Eklentisi

Blogger için Tam Otomatik Devamını Oku EklentisiGeçtiğimiz günlerde sizlerle devamını oku eklentisi paylaşmıştım. Ancak ilgili eklenti otomatik olarak thumbnail belirlemiyor idi. Şimdi ise izniniz ile, thumbnail içeren ve tam otomatik olarak çalışan, sorunsuz ve JavaScript ile hazırlanmış olan bir devamını oku eklentisi paylaşmak istiyorum. Aşağıdaki adımları adım adım, sorunsuz bir şekilde yaparsanız eğer, sorunsuz bir devamını oku eklentisi elde edeceksiniz. Dilediğiniz gibi geliştirebilir, düzenleyebilirsiniz. Kolay gelsin [...]

Blogger'da Tıklanabilir Thumbnail Nasıl Yapılır?

Blogger'da Tıklanabilir Thumbnail Nasıl Yapılır?Blogger'da karşılaştığım sorunları ve çözümleri her zaman sizlerle paylaşmaya çalışıyorum. Şimdi ise bir soru sormak istiyorum. Ana sayfanızdaki thumbnail görsellerin tıklanabilir olmasını nasıl sağlayabilirsiniz, bunu biliyor muydunuz? Yani yazınıza direkt giriş yapabilmek için bu görsellere tıklayabilirsiniz. Ayrıca SEO açısından title ve görsel içerisinde alt etiketi de bulunuyor kod içerisinde. Aşağıdaki kodu thumbnail çekmek istediğiniz kısıma [...]

Blogger'da Thumbnail Görsel Kalitesini Belirlemek

Blogger'da Thumbnail Görsel Kalitesini BelirlemekBlogger'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'da Tüm Resimleri Responsive Yapalım

Blogger'da Tüm Resimleri Responsive YapalımBlogger 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 [...]

Blogger için Otomatik Thumbnail Eklentisi (2018)

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 için Otomatik Devamını Oku Eklentisi (2018)

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

Blogger'da Yazı Başlıklarının Alt Satıra Geçmesini Engellemek

Blogger'da Yazı Başlıklarının Alt Satıra Geçmesini EngellemekBazı 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 [...]

Blogger'da Responsive Tema Nasıl Yapılır?

Blogger'da Responsive Tema Nasıl Yapılır?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ı [...]

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

Yukarı Çık