Blogunuzu Yön Tuşları İle Sayfalar Arası Geçiş Yapın

13:45 | 0 yorum

Blogger'da Yön Tuşları İle Sayfalar Arası Geçiş Yapma Özelliği

Blogger'da Yön Tuşları İle Sayfalar Arası Geçiş Yapma Özelliği 

Kullanıcı dostu siteler, ziyaretçileri tarafından çok sevilir. İşinin kolay görülmesi ve çabuk halledilmesi onu + sevimli kılar. İşte bu sebepten ötürü düşünülmüş olarak Blogger'a yön tuşları ile sayfalar arası geçiş özelliği kullanıma açılmış durumda.

Hepimizin klasik olarak kullandığı ve bir standart olan " önceki - sonraki " kayıt linkleri ile sayfalar arası geçiş yapan bir sistemdi. Şimdi ise anlatacağım bu özellik ile sadece yön tuşları ile sayfalar arası geçiş yapabileceksiniz. Aslında bu özelliği Yandex'te kullanıyor. Kullanıcıların işini kolaylaştırmak adına yapmış oldukları bu sistem onlar CTRL + Yön tuşu idi. Ama şuan kullanılmıyor.

Neyse biz konumuza dönelim. Şimdi sizlere yön tuşları ile bloguzda sayfalar arası geçiş nasıl yapılır ondan bahsedeyim.

Blogunuzda bu eklentiyi uygulamak için, 
  • Şablon
  • HTML'yi Düzenle
yolunu izledikten sonra kod bölümünden </head> kodunu bulun ve üzerine aşağıdaki kodu ekleyin.

<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == 'TEXTAREA' ||
document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
}
};
};
</script>
Bu kodu ekledikten sonra eklenti aktif hale gelecek ama bunu ziyaretçileriniz henüz göremeyecektir. Bu eklentiyi ziyaretçilerinizin görebilmesi için küçük bir uyarı koymamız gerekecek.
Blogumuzda sayfalar arası geçişini sağlayan kodu Şablonumuzdan buluyoruz. Kod standart olup aşağıdaki kodu blogunuzdan aratın
<b:include name='nextprev'/>
Bunun hemen altına aşağıdaki uyarı kodunu ekleyin.
<div style='border:solid 1px #DEDEDE; background:#FFFFCC url(http://icons.iconarchive.com/icons/famfamfam/mini/16/icon-alert-icon.png)8px 6px no-repeat; color:#222222; font-weight:bold; padding:4px;          text-align:center; '>Sayfalar arasında geçiş yapmak için klavyeden yön tuşlarını (&#8678;  &#8680;) kullanabilirsiniz.</div>
Şablonu kaydedip çıkabilirsiniz. İşlem bitmiştir. Başka bir konuda görüşmek üzere, iyi bloglamalar...

Kategori: , ,

0 yorum