Yukarı Çık Aşağıya İn (Up Down) Eklentisi

Yukarı Çık Aşağıya İn (Up Down) Kodları

Site yada blogunuza ekleyeceğiniz bu kod ile uzun sayfalarda yukarı çık / aşağıya in butonlarını tasarımınıza ekleyerek , ziyaretçilerinizin sayfalarda daha rahat gezinmesini sağlayabilirsiniz.

Kod ayrıca sadece tek bir sayfa içinde kullanılabilir, eğer uzun bir makale yazdınız yada yorumlar bölümü çok uzun yer kapladı , o zaman sadece bu sayfaya HTML bölümünden kodu eklemeniz yeterli olacaktır.

Yukarı aşağı buton navigasyon eklentisi :

<div id="navigation_up_down_48221"><script type="text/javascript" > var html_48221 = "<style type=\"text/css\">#navigation_up_down_48221 .navigation_up_down_48221, #navigation_up_down_48221 .navigation_up_down_48221 div{ padding:0px; margin:0px; border:0px;}#navigation_up_down_48221 .navigation_up_down{ margin:auto; width:75px; height:76px; position:fixed; bottom:5px; right:5px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_up{ margin:auto; display:block; width:75px; height:38px; cursor:pointer; background:url(\'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0kL5hNPXnhE_E85yWYZznPnY6RW37SFBdy-TXi6bv-0zaYwwNkJVONtPkD8iG9M_827285gelqvq6fZD7wnBosbuNx0p3qAIxg1MIXSPIK2grM19uOuawmJgn5LLOe3z4yPhcNFqsjE/s1600/updown2.png\'); background-position: 0px 0px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_up:hover{ background-position: -75px 0px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_up:active{ background-position: -150px 0px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_down{ margin:auto; display:block; width:75px; height:38px; cursor:pointer; background:url(\'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0kL5hNPXnhE_E85yWYZznPnY6RW37SFBdy-TXi6bv-0zaYwwNkJVONtPkD8iG9M_827285gelqvq6fZD7wnBosbuNx0p3qAIxg1MIXSPIK2grM19uOuawmJgn5LLOe3z4yPhcNFqsjE/s1600/updown2.png\'); background-position: 0px -38px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_down:hover{ background-position: -75px -38px;}#navigation_up_down_48221 .navigation_up_down .navigation_up_down_down:active{ background-position: -150px -38px;}</style><div class=\"navigation_up_down\"> <div class=\"navigation_up_down_up\" onclick=\"window.scrollTo(0,1);window.scrollTo(0,0);\"></div> <div class=\"navigation_up_down_down\" onclick=\"window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);\"></div></div>";document.getElementById('navigation_up_down_48221').innerHTML=html_48221;</script></div>

Yukarı çık aşağı in kayan efekt navigasyon eklentisi :

Yukarı Çık / Aşağıya İn Temel Kodlar :

Yukarı çık , aşağı in kodu :

<a name="top">
<style> a.yukari { position:fixed; bottom:15px; right:5px; } </style>
<a href="#top" _fcksavedurl="#top" class="yukari">
<img src="AŞAĞI RESİM URL" border="0" title="AŞAĞI İN" />
</a>
<a style="display:scroll;position:fixed; bottom:75px; right:5px;" href="#" title="YUKARI ÇIK"><img src="YUKARI RESİM URL" /></a>
<a name="top">
</a></a>

Aşağı in kodu :

HTML / JAVASCRİPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Düzen > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

Yorumlar

Adsız20.3.13
Bu güzel çalışmayı forumefor.com da paylaşlabilirmisin.Geçengünlerde sitene olan heckır saldırı yazını forumefor.com da paylaşmısın da.

YanıtlaSil
Yanıtlar
Adsız20.3.13
modestus formun yöneticisine özel olarak yazarsan kodu kimse göremez sitede
gezinirken bizlere kolaylık saglayacaksa mükemmel olur temasa geçmek istersen
tabi böyle güzel fikirler paylaştıkça degerlenir biliyorsun.Bana gelince
ben bu sitenin uzun yıllardır takipçisiyim her gün mutlaka ugrarım.Kolay
gelsin iyi çalışmalar.
YanıtlaSil
Yanıtlar
Tuba Tb25.4.13
Teşekkürler.
YanıtlaSil
Yanıtlar
Adsız2.1.23
Up Down Plugin
YanıtlaSil
Yanıtlar

Yorum ekle

Yorum Gönder

🔺 YUKARI ÇIK 🔺

WebKenti

Bu Blogda Ara