YouTube videolarını otomatik Responsive yapmak hk. çok araştırma yaptım. Sizler için iki adet çözüm yolu sunuyor olacağım. Bunlardan birisi jQuery bazında çözüm önerisi olup, tüm tarayıcılar ile sorunsuz çalışmaktadır. Ancak siz daha çok JavaScript ile çözüm yolu kullanmayı düşünürseniz, onu da paylaşacağım. Aşağıdaki kodları temanızın "body" etiketinden önce eklemeniz, yeterli olacaktır. Kodları değiştirmeden eklerseniz, sorunsuz [...]
Teknobeyin - Teknolojinin Beyni
Teknoloji, internet, sosyal medya, yazılım, oyun, webmaster ve birçok güncel içerik sizlerle.
YouTube Videolarını Otomatik Responsive Yapmak
Blogger için Responsive Reklam Alanı Yapımı
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 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ı
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 [...]
Blogger için Basit Yukarı Çık Butonu Yapımı
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 Otomatik Devamını Oku (Eklentisiz)
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 [...]
Vivaldi Browser'da Header Alanını Kaldırmak
Ben bir tarayıcının ekran üzerinde çok fazla yer kaplamasını pek sevmiyorum. Vivaldi de bizlere özelleştirme imkânı tanıdığı için, dilediğiniz gibi tarayıcınızın görünümünü JS & CSS kullanarak değiştirebiliyorsunuz. Örnek vermek gerekir ise, tarayıcımızın header (en üst) bölümü ekranda belirli bir alan kaplar. Ancak dilerseniz Vivaldi'de header alanını kaldırmak mümkündür. Bunun için CSS dosyası içerisine aşağıdaki kodu değiştirmeden [...]
Vivaldi Browser'da Yer İmleri Butonu Eklemek
Vivaldi Browser'da da birçok tarayıcıda olduğu gibi bir yer imleri çubuğu mevcut. Ancak ben nedense bunun çok standart bir görüntü ortaya koyduğunu düşünüyorum. Bu yüzden arama çubuğuna bir buton ekleyerek, yer imlerine açılır bir menüden ulaşmanın daha güzel olacağına inanıyorum. Bunun için ise sadece CSS ile aksiyon alabiliriz. Yani JS kullanmaya gerek bile yok. Aşağıdaki kodları değiştirmeden CSS dosyanız içerisine eklemeniz yeterli [...]
Vivaldi Browser'da İndirilenler Butonu Eklemek
Vivaldi Browser'da arama çubuğunda yer alan bir İndirilenler butonu yok. En azından şu an için. Ancak ben kullanım kolaylığı bakımından bunun olması gerektiğine inanıyorum. Çünkü böylelikle indirdiğiniz dosyalara daha hızlı ulaşabileceksiniz. Bunun için çok araştırma yaptım ve birkaç düzenlemede bulundum. Ortaya güzel bir şey çıktı. Aşağıdaki kodları JS dosyanız içerisine eklemeniz yeterli olacak olup, arama çubuğu içerisine bir İndirilenler butonu [...]
Vivaldi Browser'da Pencere Butonlarını Kaldırmak
Vivaldi Browser'ın en sevdiğim yanı, kişiselleştirme konusunda sonsuz bir seçenek sunması bizlere. Yani tarayıcıyı bilhassa JS bilginiz dahilinde neredeyse kendinize özgü, tamamen özel ve kişisel bir hâle getirebiliyorsunuz. Örnek verelim. Her tarayıcıda bilirsiniz, pencere butonlarını. Yani küçült, kapat v.b. gibi sağ üstte yer alan butonları bilirsiniz. Ancak dilerseniz Vivaldi'de bu butonları kalıcı olarak kaldırabilirsiniz. Bunun için ise CSS dosyanıza [...]