Hacklink Nedir?
blogyazim
htaccess dosyası, Apache web sunucusunda çeşitli ayarları yapılandırmak için kullanılır. HTTP'den HTTPS'ye yönlendirme yapmak, sitenizin her zaman güvenli bağlantı (SSL/TLS) üzerinden çalışmasını sağlamak için gereklidir.
Yönlendirme Kodu:
Aşağıdaki kodu .htaccess dosyanızın en üstüne ekleyerek HTTP bağlantılarını HTTPS'ye yönlendirebilirsiniz:
apache
Kopyala
Düzenle
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
Kod Açıklaması:
RewriteEngine On: Apache’nin URL yeniden yazma (mod_rewrite) modülünü etkinleştirir.
RewriteCond %{HTTPS} !=on: Eğer bağlantı HTTPS üzerinden yapılmıyorsa (HTTP ise), aşağıdaki kuralı uygular.
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]: Tüm trafiği mevcut domainin HTTPS versiyonuna 301 yönlendirmesiyle (kalıcı yönlendirme) taşır.
Alternatif Yöntem: Belirli Bir Alan Adına Yönlendirme
Eğer siteniz belirli bir alan adı (örneğin example.com) için yönlendirme yapacaksa, şu kodu kullanabilirsiniz:
apache
Kopyala
Düzenle
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteCond %{HTTP_HOST} ^example\.com [NC]
RewriteRule ^(.*)$ https://example.com/$1 [R=301,L]
Neden HTTPS'ye Yönlendirme Yapılmalı?
Güvenlik: HTTPS, verileri şifreleyerek kullanıcı bilgilerini korur.
SEO Avantajı: Google, HTTPS kullanan siteleri tercih eder.
Tarayıcı Uyarılarından Kaçınma: Modern tarayıcılar HTTP bağlantılarını "Güvenli Değil" olarak işaretleyebilir.
Eğer sunucunuzda mod_rewrite etkin değilse, bu yöntemin çalışması için Apache yapılandırma dosyanızdan etkinleştirmeniz gerekebilir.
htaccess Yönlendirme Kodu--
# HTTP'yi HTTPS'ye Yönlendirme Kodu - from humeydi.com
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
# Son: HTTP'yi HTTPS'ye Yönlendirme Kodu - humeydi.com
[web.config Yönlendirme Kodu--
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="HTTPyi HTTPSye Yonlendirme" stopProcessing="true">
<match url="(.*)" />
<conditions>
<add input="{HTTPS}" pattern="off" ignoreCase="true" />
</conditions>
<action type="Redirect" redirectType="Permanent" url="https://{HTTP_HOST}/{R:1}" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
Bu butonları blog yazılarınızdaki paylaşımlarınızda kullanmak için öncelikle font awesome’ın blogunuzda tanımlı olması gerekir. Eğer şablonun HTML kodlarına daha önce fontawesme kodu eklemediyseniz Şablon > HTML’yi Düzenle diyerek şablonunuzun HTML kodlarının olduğu pencereyi açın ve burada <head> kodunun altına şu kodu ekleyin:
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css' rel='stylesheet'/>
Daha sonra download ve demo butonlarının CSS kodlarını şablona eklemelisiniz. Bunun için ]]></b:skin> kodunu bulun ve bunun üzerine şu stil kodlarını ekleyin:
#buton { margin: 20px auto; text-align: center; }
#buton br { display: none; }
.mbg-btn-slide, .mbg-btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #00CC00; margin: 10px; transition: .5s; }
.mbg-btn-slide2 { border: 2px solid #FF3300; } .mbg-btn-slide:hover { background-color: #00CC00; } .mbg-btn-slide2:hover { background-color: #FF3300; }
.mbg-btn-slide:hover span.circle, .mbg-btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #00CC00; }
.mbg-btn-slide2:hover span.circle2 { color: #FF3300; }
.mbg-btn-slide:hover span.title, .mbg-btn-slide2:hover span.title2 { left: 40px; opacity: 0; }
.mbg-btn-slide:hover span.title-hover, .mbg-btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; }
.mbg-btn-slide span.circle, .mbg-btn-slide2 span.circle2 { display: block; background-color: #00CC00; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; }
.mbg-btn-slide2 span.circle2 { background-color: #FF3300; }
.mbg-btn-slide span.title, .mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title2, .mbg-btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #FF3300; transition: .5s; }
.mbg-btn-slide2 span.title2, .bsd-btn-slide2 span.title-hover2 { color: #00CC00; left: 80px; }
.mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title-hover2 { left: 80px; opacity: 0; }
.mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title-hover2 { color: #fff; }
Şablonun HTML kodlarında yapılacaklar bu kadar. Bundan sonra demo ve download butonlarını kullanacağınız yazının HTML kodu bölümünü açın ve butonların gözükmesini istediğiniz yere butonların kodlarını ekleyin:
<div id="buton"> <a href="https://www.webyazilimciniz.net/" class="mbg-btn-slide" target="_blank"> <span class="circle"><i class="fa fa-rocket"></i></span> <span class="title">Demo</span> <span class="title-hover">Önizle</span> </a> <a href="https://www.webyazilimciniz.net/" class="mbg-btn-slide2" target="_blank"> <span class="circle2"><i class="fa fa-download"></i></span> <span class="title2">Download</span> <span class="title-hover2">İndir</span> </a> </div>
Burda ilk mavi yere demo butonuna tıklandığında açılacak sayfanın urlsini, ikinci mavi yere download butonuna tıklandığında açılacak sayfanın urlsini yazın.