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

25 Mart 2019 Okunma

Merhaba arkadaşlar uzun süredir aradığım bir eklentiyi sonunda bulabildim. Daha öncesinde bulmuştum lakin hataları yüzünden çalışmıyordu, üzerinde bir kaç oynama yapmam gerekti ve ardından eklentiyi sorunsuz kullanmayı başardım ve sizlerle paylaşmak istedim.



Eklentimiz Wordpress'ten aşina olduğumuz git.php özelliğini Blogger platformunda bize kullanmayı sağlıyor.

git.php Nedir?

Blogumuzda dışarıya çıkış olarak görünen linkleri blogumuzdan çıkmadan açılmasını sağlayan eklenti. Bu sayede dışarı olarak gözüken linklerimiz artık dışarıya çıkış olarak gözükmeyecek ve SEO puanı olarak bize artı sağlayacak.

Kurulum;

Öncelikle blog panelimize girelim, yeni bir sayfa oluşturalım ve aşağıdaki kodu sayfamıza yapıştıralım, bu işlemi yapar iken sayfamızın HTML modunda olması gerekiyor.

<div height="100%" id="iframe-container" width="100%"> 
<style> 
body { padding: 0!important; background: none!important; } 
#iframe-container { overflow: hidden; background: none!important; }    
#frame { border: 0; } 
</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();       
$('#yonlendirme').html(str);       
$('iframe').height($(window).height());       
</script>
Sayfayı kaydetmeden önce sayfamızın seçenekler bölümüne gelip ilgili bölümü aşağıdaki gibi düzenleyelim;
İşlemi tamamladıktan sonra şablonumuza girelim <body> kodunun altına aşağıdaki kodu ekleyelim.

<div id='yonlendirme'>
Ardından aşağıdaki kapanış etiketimizide </body> kodunun üzerine yapıştıralım.

</div>
Aşağıdaki JS kodumuzuda şablonumuzda ]]></b:skin> kodunu bulalım hemen altına ekleyelim, kırmızı ile işaretlediğim bölümleri kendi blogunuz ve sayfa isminize göre düzenlemeyi unutmayın.

<script>
//&lt;![CDATA[
// Blogger git.php - www.ilkaygurler.com
$(document).ready(function () {     
$('[data-disari]').click(function (e) {      
e.preventDefault();      
var target = e.target || e.srcElement;      
if ($(target).attr('target') == &quot;_blank&quot;) {      
window.open(&quot;https://www.ilkaygurler.com/p/git.html?url=&quot; + $(target).attr('href'), '_blank');      
} else {      
window.location = &quot;https://www.ilkaygurler.com/p/git.html?url=&quot; + $(target).attr('href');      
}
});
//]]&gt;
</script>
Son olarakta dışarı çıkış olarak görünen linklerimizi şu şekilde düzenleyelim:

https://www.ilkaygurler.com/p/git.html?url=https://siteadresi.com

Takıldığınız yerlerde yorum formu üzerinden iletişime geçebilirsiniz, görüşmek üzere.

İlgini Çekebilecek Diğer Yazılar

Yorum Yap

Comments