Kategoriler: Blogger

Blogger için git.php Şeklinde URL Yönlendirme Özelliği

URL yönlendirme özelliği, tema paylaşım yazılarında, reklamlarda ve dışarı link verilen her yerde dışarı link vermeyi sevmeyen (kim sever ki?) blogcuların işine yarayabilecek süper bir yöntem. Bu yöntemi uygulamak için herhangi bir hosting hesabına veya karmaşık bir kod sistemine ihtiyacınız yok. Sadece birkaç css, html ve javascript kodu yeterli.

Araştırdığım kadarıyla Muhammed Mustafa Ahmedzai, kendi blogunda bunu bir üniversite projesi olarak hayata geçirmiş ve bu özellik için ‘Bu eklenti Blogger için türünün tek örneği’ demiş.

Yazıya geçmeden önce bu faydalı özelliği keşfettikleri için Muhammed Mustafa Ahmedzai ve ona yardımcı olan arkadaşı Ahmed Nasır’a teşekkür ederim.

Navigasyon

Önizleme

Önizleme için butona tıklayın.

Lights | Ellie Goulding

Nasıl Çalışır?

Bu özellik genel anlamıyla 2 adet sayfadan ibaret. Birincisi bloga ait olan sayfa. İkincisi sayfanın içinde yer alan iframe sayfası. Blogda bir linke tıklanıldığında blogun yönlendirme sayfası açılarak içindeki iframede gidilmek istenen sayfa görüntülenecektir.

Sayfa Oluşturma

Öncelikle kodu çalıştırmak için bir sayfa oluşturmak gerekiyor. Bunun için Kumanda Paneli › Sayfalar adımlarını izleyerek bir sayfa oluşturun.

Ardından aşağıdaki kodları olduğu gibi sayfaya yapıştırın.

<div height="100%" id="iframe-container" width="100%"><div height="100%" id="iframe-container" width="100%">
<style type='text/css'>body ,html{
margin:0;
padding:0;
width:100%;
height:100%;
}

html {
overflow:hidden;
}

#frame {
height:100%;
width:100%;
border:0;
}
#iframe-container {
overflow: hidden;
background: none;
}
</style>
<iframe frameborder="0" id="frame" src="" width="100%"> </iframe>
</div>
<script>
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
var query = window.location.search.substring(1);
query = query.replace("url=", "");
$('#frame').attr('src', query);
var str = $('#iframe-container').html();
$('body').html(str);
$('iframe').height($(window).height());
</script>

Sayfayı kaydetmeden önce aşağıdaki resimde belirttiğim gibi ayarların yapılması gerekiyor.

jQuery Yerleştirme

Kodun sitenin ana yapısında çalışması için <body>…</body> arasına bir div eklemek gerekiyor. Onu da şu şekilde halledebiliriz:

Kumanda Paneli › Şanlon › Yedekle/Geri Yükle › Tam Şablonu İndir adımlarını izledikten sonra aynı menüden HTML’yi Düzenle butonuna tıklayıp Widget Şablonlarını Genişlet kutusunu işaretleyin ve ardından aşağıdaki işlemleri yapın.

Temayı kaydetmek çok önemli. Çünkü işin içinden çıkamazsınız baştan başlamak için temanın yedeğine ihtiyacınız olacak.

]]></b:skin> kodunu arayın ve hemen öncesine aşağıdaki jQuery kodunu ekleyin.

<script>
$(document).ready(function() {
$(&#39;[data-disari]&#39;).click(function(e) {
e.preventDefault();
if($(e.srcElement).attr(&#39;target&#39;) == &quot;_blank&quot;) {
window.open(&quot;http://www.furkanozden.net/p/external.html?url=&quot; + $(e.srcElement).attr(&#39;href&#39;), &#39;_blank&#39;);
} else {
window.location = &quot;http://www.furkanozden.net/p/external.html?url=&quot; + $(e.srcElement).attr(&#39;href&#39;);
}
});
});
</script>

Kırmızı ile belirttiğim yerleri kendi blogunuza göre değiştirin. Yapılandırma işlemi bu kod ile sona erdi.

Bağlantı Oluşturma

Bu özelliği kullanabilecek bir bağlantı oluşturmak için jQuery kodu içinde atadığımız değere aşağıdaki gibi true vermemiz yeterlidir.

<a href="#" data-disari="true">Dışarı link örneği</a>

Bağlantı adresinin http:// ile başlamasına dikkat edin.

Tavsiye

Bu kodu her sayfa için kullanabilirsiniz. Örneğin, indirme sayfası için ayrı önizleme sayfası için ayrı bir sayfa oluşturabilirsiniz.

En başta verdiğim sayfa içeriği kodunu düzenleyerek sayfaya sayfa ile beraber kayan bir logo veya çubuk koyabilirsiniz.

Mutlaka Okuyun

Eğer anlattıklarımı adım adım yaptıysanız bağlantı istediğiniz gibi kendi blogunuzdan çıkmadan açılacaktır. Fakat yine de dışarıya link olarak görülür. O yüzden bağlantıyı yazarken http://www.furkanozden.net/p/external.html?url=http://lights.elliegoulding.com/ şeklinde yazarsanız dışarıya link olarak görünmez. Eğer bağlantıları bu şekilde kullanırsanız şu adımı atlayabilirsiniz.

data-disari etiketini tek tek eklemek istemiyorsanız veya blogunuzdaki yayın sayısı bunu mümkün kılmıyorsa şu yazıma göz atın: Dışarıya Linklerin Hepsine nofollow ve blank Vermek

5 / 5 ( 1 vote )
Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden

Son Gönderiler

Bad Boys: Her Zaman Çılgın (2020) Film İncelemesi

Uyuşturucu kartelinin başında bulunan Armando Armas'ın yakalanması gerekmektedir. Ancak Armando soğukkanlı ve ünlü bir katildir.…

2 gün önce

Terminatör: Kara Kader (2019) Film İncelemesi

Dani Ramos (Natalia Reyes) gelecekten gelen bir terminatör tarafından takip edilmektedir. Bir tarafta sıradan bir…

1 hafta önce

Aylık Araç Kiralamanın Püf Noktaları

Araç kiralama yapmak isteyen kişiler gerekli olan prosedürlerden haberdar olmalıdır. Çünkü her şoför araç kiralayamamaktadır.…

2 hafta önce

Dying Light (2015) Oyun İncelemesi

Dying Light, 2015 yılında Techland tarafından piyasaya sürülmüş birinci şahıs açılı bir zombi oyunudur. Dying…

3 hafta önce

3 Maddede Akıllı Ev Kontrolü

Akıllı ev teknolojisi yaklaşık olarak 10 yıldır teknolojinin gündeminde olmasına rağmen, mobil ağının hızlanması ve…

1 ay önce

Google Chrome için Karanlık Mod Nasıl Etkinleştirilir?

Google Chrome, masaüstü ve mobil cihazlar için karanlık bir moda sahiptir. Ancak etkinleştirmek beklediğiniz kadar…

1 ay önce