nasıl yapılır

Anasayfa nasıl yapılır

Merhaba Arkadaşlar;

Bir webmaster forumunda bir soru geldi. Link'e ya da button'a tıklandığında, sayfayı nasıl tam ekran yapabilirim?

Çok basit olan bu sorunun cevabını orada verdim, blog'um üzerinde de yayınlamak istedim.
Öncelikle script etiketleri arasına aşağıda ki javascript kodlarımızı yazalım;

  function tamEkranGec(fScreen) {
    if(fScreen.requestFullScreen) {
      fScreen.requestFullScreen();
    } else if(fScreen.mozRequestFullScreen) {
      fScreen.mozRequestFullScreen();
    } else if(fScreen.webkitRequestFullScreen) {
      fScreen.webkitRequestFullScreen();
    }
   }

kodlarımızı yazdıktan sonra ise button'un onClick event'i ile fonksiyonumuzu çağırıp, çalıştıralım;

Artık button'a basıldığında sayfayı Tam ekran (Full Screen) yapacaktır.

Sağlıcakla.

Yorumlarınızı esirgemezseniz sevinirim :), eğer burada ki çözümler veya bilgileri işinize yaradıysa sizde aşağıda bulunan butonlar yardımıyla paylaşırsanız başkaları da yararlanabilir. Ayrıca bundan sonra ki yazılardan haberdar olmak için Ücretsiz E-Posta Aboneliği yaparsanız çok motive edici olabilir :)

Merhaba Arkadaşlar;
Google sıralama algoritmalarının en önemli parçalarından bir tanesi de SSL. Hatta bu konu hakkında SSL SEO üzerinde etkili midir? diye bir yazı da yazdım.

SSL geçişlerinin şu sıralar revaçta olması sebebi o yazıda da bahsettiğim, Google Chrome güncellemesi. Forumlarda gördüğüm kadarıyla ise SSL yönlendirmesi yapmakta problem yaşanıyor.

htaccess dosyası ile SSL yönlendirmesi nasıl yapılır şimdi ona 2 ayrı örnekle bakalım.

KOD - 1;

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^.*$ https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]
RewriteBase /
RewriteCond %{HTTPS} =on
RewriteCond %{HTTP_HOST} ^alanadiniz.com

Bu kodu da deneyebilirsiniz.

KOD - 2;

# BEGIN HTTPS Redirection Plugin

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] 
# END HTTPS Redirection Plugin

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L] RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L] 
# END WordPress

# Begin HTTPS

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.SİTENİZ.com/$1 [R,L] 
# END HTTPS

Yukarıda ki kodda bulunan alanadiniz.com kısmına kendi alan adınızı yazmayı unutmayınız.

Sağlıcakla.

Yeni yazılarımdan haberdar olun!

Merhaba Arkadaşlar;

Freelance olarak gelen bazı işler de ya da internette dolaşırken gördüğüm bazı siteler de o meşhur tüm hakları saklıdır yazısının yanında ki tarihlerin el ile yazıldığını farkettim.

Eminim ki bazıları bunun bir standart falan olduğunu düşünüyor ama standart olana ayak uyduramıyor. 2017 yılında orada eğer 2014 yazıyor ise sıkıntı büyük bence.

Bunun adının kolaya kaçmak olduğunu da söyleyemiyorum, eğer her yıl girip manuel olarak yazıyorlar ise bunun adı hamallık. ("Yıl da bir kez olacak bir işin için bu da yapılır mı?" demeyin lütfen. Bazen pire için yorgan yakmak lazım :) )

Şimdi kodunu yazalım;


Copyright © 2016 -  Tüm hakları saklıdır.

Yukarıda ki kodda yer alan !-- kısmı silinmelidir.

Sağlıcakla.

Merhaba Arkadaşlar;

Apple İOs 7 işletim sistemini yayınladığında yeni bir kavram ile karşılaştık Parallax.

Peki ne işe yarıyordu parallax efekti; Telefonu oynattığınız da ön planda yer alan uygulama ikonları sabit kalırken, arka plan hareket ediyordu. Her ne kadar ilk çıktığında insanlar üzerinde bazı sorunlar yaşatsa da[1], güzel bir efekt.

Şimdi biz ne yapacağız konusuna gelelim. Bir sayfa hazırlayacağız burada bir yazı olacak ve arkaplana koyduğumuz resim mouse hareketine göre hareket edecek. Yani diye biliriz ki, mouse hareketine göre resmin hareket etmesini yapacağız.

Bunun için öncelikle JQuery'yi sayfamıza ekleyelim. JQuery'yi sayfanıza eklerken https://code.jquery.com/jquery-3.1.1.min.js linkini kullanabilirsiniz.

Sayfamıza jQuery Linkini ekledikten sonra ise, parallaxEfekti olarak id verdiğimiz bir div tanımlayıp bu div'in style özelliğine ise gerekli atamaları yapacağız. Sonrasında bu div içerisinde başka bir div oluşturup içerisine de yazı yazacağız. Şimdi kodlara geçelim.




Bu yazı burada sabit dururken arkaplan oynayacak. İşte bunun adı parallax.

Şimdi ise JQuery kodlarımızı yazalım;

Bu kodları head taglarının arasına yazabilirsiniz.
Son olarak da kodlarımızı derli toplu verelim;



  
  
  Juery ile Parallax Efekti Yapma
  
  


    
      
        
Bu yazı burada sabit dururken arkaplan oynayacak. İşte bunun adı parallax.

Sağlıcakla.

[1] https://www.technopat.net/2013/10/02/ios-7-kullanicilari-hasta-ediyor/
Örneğin çalışır haline https://jsfiddle.net/aliKarahisar/p5wyLscy/2/ adresinden ulaşabilirsiniz.