Bu sitedeki her şey 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 %100 Orijinal Devamını Oku Eklentisi

Blogger için %100 Orijinal Devamını Oku EklentisiBlogger zaten çok hızlı bir altyapıya sahip. Ancak bizler de bilgimiz dahilinde, mevcut hızı artırabiliriz. Blogger'dan oluşturduğumuz bloglarda en çok ana sayfa yavaş açılıyor desek yeridir. Çünkü birçok devamını oku eklentisi JS tabanlı [...]

Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)

Benzersiz Blogger Hızlandırma Yöntemi (Etkili İpucu)2008'den bu yana Blogger kullanıyorum. Birçok sitede devamını oku eklentisi olarak JavaScript ile hazırlanmış olan ve benim de geçmişte paylaştığım buradaki yöntemin kullanıldığını görüyorum. Ancak bu kod kullanıldığında, browser (tarayıcı) içerik [...]

Blogger için Süper Ötesi İletişim Formu Düzenlemesi

Blogger için Süper Ötesi İletişim Formu DüzenlemesiBlogger bildiğiniz gibi kapalı bir sistem. WordPress gibi değil. Ancak biraz kodlama bilgisi ile, Blogger'dan oluşturulan bir blogu benzersiz bir hâle getirebilmeniz mümkündür. Bilirsiniz, "iletişim formu," adlı gadget standart bir biçime sahiptir. Bu bana göre pek güzel değil... Bu yüzden Blogger'ın iletişim formu eklentisini kullanarak sıfırdan düzenlemelerde bulundum. Ortaya çok güzel, Responsive bir düzenleme çıktı. Aşağıdaki kodları CSS bölümünüze [...]

Blogger Yorumlarındaki Gereksiz Boşlukları Kaldırmak

Blogger Yorumlarındaki Gereksiz Boşlukları KaldırmakBlogger yorum formunda bazı HTML etiketleri destekleniyor. Bu yüzden de, ziyaretçileriniz fazla "br" (boşluk) kodu kullanır ise, yorum alanlarında çok fazla boşluklar çıkabilir ve bu durum göze pek de güzel gelmez. Bu sorundan yola çıkarak, bir çözüm geliştirdim jQuery kullanarak. Yorumlardaki br kodunu, p etiketi ile değiştirerek fazla br kodlarını geçersiz kılıyoruz ve ardından p etiketine verdiğimiz margin-top ile de br gibi yapay bir boşluk yaratmış [...]

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